Update usecase page

change card view to list view

To add a one more section use the below example code

    const ListUsecases = () => (
      <Container>
        <div className="home-page-outlet">
         <h2 className="listusecase-heading bd-underline"> Dummy text</h2>
    // add only three sub categories under usecase-section
          <div className="usecase-section">
            <CloudNativeCard />
            <DatabasesCard />
            <DataScienceCard />
          </div>
        </div>
      </Container>
    );

// example of one of the category
// it consist of "heading"<add heading of the category> and array of
article and there link
    const DatabasesCard = () => (
      <UnorderList
        items=
        {[{
          heading: "Cloud Native Databases",
          items: [{
            title: "PostgreSQL",
            link: siteConfig.baseUrl + 'docs/usecases/datascience/kafka'
          },
          {
            title: "MongoDB",
            link: siteConfig.baseUrl + 'docs/usecases/datascience/kafka'
          },
          {
            title: "NuoDB",
            link: siteConfig.baseUrl + 'docs/usecases/datascience/kafka'
          },
          {
            title: "Percona",
            link: siteConfig.baseUrl + 'docs/usecases/datascience/kafka'
          },
          {
            title: "Redis",
            link: siteConfig.baseUrl + 'docs/usecases/datascience/kafka'
          },
          {
            title: "Cassandra",
            link: siteConfig.baseUrl + 'docs/usecases/datascience/kafka'
          }
          ]
        }
        ]}
      />
    );

then add "ListUsecases"  in return section like

    return (
      <div className="mainContainer">
        <Welcome />
        <ListUsecases />
      </div>
    );

Add link in home page

Add link to card

Signed-off-by: inyee786 intakhab.ali@mayadata.io

mayadata-io / mayadata-docs

Update usecase page #37