From be0f537dc4fe384eef09436833c6407e6482c16d Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Thu, 9 Nov 2023 15:40:16 +0700
Subject: Initial commit

---
 src/modules/profile-card/index.tsx | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 src/modules/profile-card/index.tsx

(limited to 'src/modules/profile-card/index.tsx')

diff --git a/src/modules/profile-card/index.tsx b/src/modules/profile-card/index.tsx
new file mode 100644
index 0000000..08c4478
--- /dev/null
+++ b/src/modules/profile-card/index.tsx
@@ -0,0 +1,37 @@
+import { Credential } from "@/common/types/auth"
+import { Avatar, AvatarIcon, Card, CardBody } from '@nextui-org/react';
+import { teamAliases } from '@/common/constants/team';
+import styles from "./profile-card.module.css"
+import Dropdown from './components/Dropdown';
+import { cookies } from 'next/headers';
+
+const ProfileCard = () => {
+  const credentialStr = cookies().get('credential')?.value
+  const credential: Credential | null = credentialStr ? JSON.parse(credentialStr) : null
+
+  return credential && (
+    <Card shadow='sm'>
+      <CardBody className={styles.cardBody}>
+        <Avatar icon={<AvatarIcon />} size='sm' isBordered color='primary' classNames={{ icon: 'text-white' }} />
+        <div>
+          <div className={styles.name}>{credential.name}</div>
+          <div className={styles.description}>
+            <span>
+              {credential.company.name}
+            </span>
+            &#183;
+            <span>
+              Tim {teamAliases[credential.team].name}
+            </span>
+          </div>
+        </div>
+
+        <div className="ml-auto">
+          <Dropdown />
+        </div>
+      </CardBody>
+    </Card>
+  )
+}
+
+export default ProfileCard
\ No newline at end of file
-- 
cgit v1.2.3