# Event

## feat
- Tampilan detail status
- Tampilan detail main
- Tampilan detail kontribusi
- Tampilan edit
### No issue

src/app_modules/event/main/kontribusi/peserta.tsx

@@ -0,0 +1,48 @@
+"use client";
+import { Card, Group, Button, Text, Stack, Avatar } from "@mantine/core";
+import moment from "moment";
+
+export default function Event_KontribusiPeserta() {
+  return (
+    <>
+      {Array(5)
+        .fill(0)
+        .map((e, i) => (
+          <Card
+            key={i}
+            shadow="sm"
+            padding="md"
+            radius="md"
+            withBorder
+            mb={"md"}
+          >
+            {/* <Card.Section p={"xs"}>
+                      <Skeleton visible={loading} h={200}></Skeleton>
+                    </Card.Section> */}
+
+            <Stack>
+              <Group position="apart" mt="md" mb="xs">
+                <Text weight={500}>Nama Event</Text>
+                <Text fz={"sm"}>{moment(new Date()).format("ll")}</Text>
+              </Group>
+
+              <Text size="sm" color="dimmed" lineClamp={2}>
+                Deskripsi: Lorem ipsum dolor sit amet consectetur adipisicing
+                elit. Nisi non ducimus voluptatibus vel, officiis assumenda
+                explicabo reiciendis consequatur consequuntur expedita maiores
+                fugit natus est rem sapiente iusto earum dicta labore.
+              </Text>
+
+              <Group position="apart">
+                {Array(5)
+                  .fill(0)
+                  .map((e, i) => (
+                    <Avatar key={i} bg="blue" radius={"xl"} />
+                  ))}
+              </Group>
+            </Stack>
+          </Card>
+        ))}
+    </>
+  );
+}