From 9ce9d037ba552f25de5900adf47e28bbdc7c9cc5 Mon Sep 17 00:00:00 2001
From: wessoms <sessoms.will@gmail.com>
Date: Tue, 30 Apr 2024 18:50:06 -0400
Subject: [PATCH] Added Component for a DashboardListItem

---
 .../components/DashboardListItem/index.tsx    | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 apps/admin-portal/src/components/DashboardListItem/index.tsx

diff --git a/apps/admin-portal/src/components/DashboardListItem/index.tsx b/apps/admin-portal/src/components/DashboardListItem/index.tsx
new file mode 100644
index 0000000..c40b555
--- /dev/null
+++ b/apps/admin-portal/src/components/DashboardListItem/index.tsx
@@ -0,0 +1,35 @@
+'use client';
+
+import { Box, Typography } from '@mui/material';
+import Link from 'next/link'
+
+interface DashboardListProject {
+    description: string;
+    name: string
+}
+
+export default function DashboardListItem(project: DashboardListProject) {
+    return (
+        <div>
+            <Link href={`/projects/${project.name}`}>
+                <Box 
+                sx={{
+                    border: 'solid',
+                    borderColor: 'black',
+                    display: "inline-block",
+                    textDecoration: "none",
+                    width: 250,
+                    textAlign: 'center',
+                    padding: 1,
+                    background: 'linear-gradient(to bottom, PaleTurquoise, SkyBlue)',
+                    borderRadius: '15px',
+                }} >
+                    <Typography variant="body1" fontFamily={'Georgia'} width={250} color="black">
+                        <h3>{project.name}</h3>
+                        <p>{project.description}</p>
+                    </Typography>
+                </Box>
+            </Link>
+        </div>
+    )
+}
\ No newline at end of file