New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add description to the UI #72

Merged

guibranco merged 11 commits into main from guibranco-patch-2

Dec 29, 2024

src/components/ProjectCard.tsx

-Original file line number
+Diff line change
@@ Expand Up / @@ -55,13 +55,20 @@ @@
       }
     `;
+    const Description = styled.p`
+      margin: 0;
+      font-size: 1rem;
+      color: #000000;
+    `;
     /**
      * A functional component that renders a project card displaying project details.
      *
      * @component
      * @param {Object} props - The properties for the ProjectCard component.
      * @param {string} props.title - The title of the project.
-     * @param {string} props.slug - The unique identifier for the project, used in URLs.
+     * @param {string} props.description - The description of the project.
+     * @param {string} props.slug - The unique identifier for the project is used in URLs.
      * @param {number} props.apiVersion - The version of the API to be displayed.
      *
      * @returns {JSX.Element} A JSX element representing the project card.
@@ Expand Down Expand Up / @@ -94,6 +101,7 @@ @@
                 API (v{apiVersion})
               </LinkButton>
             </Links>
+            <Description>{description}</Description>
           </Content>
         </Card>
       );
@@ Expand Down @@

src/types.d.ts

-Original file line number
+Diff line change
@@ -1,5 +1,6 @@
     export interface Project {
       title: string;
+      description: string;
       slug: string;
       apiVersion: number;
     }
@@ Expand Down @@

Provide feedback