WIP

eric-bach · Jun 4, 2024 · 598918f · 598918f
1 parent 46134c0
commit 598918f
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 17 deletions.
diff --git a/TODO.md b/TODO.md
@@ -15,8 +15,12 @@ X Update packages
 X Deploy to AWS Amplify
 X Update to codegen 5
 
-... Add graphql operations type generation
-... Build graphql queries/mutations
+- Build accounts page
+
+  - Add actions to edit, delete account
+  - Build create action modal
+    ... Add graphql operations type generation
+    ... Build graphql queries/mutations
 
 - Add environment variables to AppSync JS Resolvers/DynamoDB table
 - Add Powertools for Lambda logging

diff --git a/frontend/src/components/accounts/manage/add-account.tsx b/frontend/src/components/accounts/manage/add-account.tsx
@@ -4,6 +4,10 @@ import React from 'react';
 export const AddAccount = () => {
   const { isOpen, onOpen, onOpenChange } = useDisclosure();
 
+  const createAccount = () => {
+    console.log('Created Account');
+  };
+
   return (
     <div>
       <>
@@ -16,19 +20,14 @@ export const AddAccount = () => {
               <>
                 <ModalHeader className='flex flex-col gap-1'>Add Account</ModalHeader>
                 <ModalBody>
-                  <Input label='Email' variant='bordered' />
-                  <Input label='First Name' variant='bordered' />
-                  <Input label='Last Name' variant='bordered' />
-                  <Input label='Phone Number' variant='bordered' />
-
-                  <Input label='Password' type='password' variant='bordered' />
-                  <Input label='Confirm Password' type='password' variant='bordered' />
+                  <Input label='Name' variant='bordered' />
+                  <Input label='Type' variant='bordered' />
                 </ModalBody>
                 <ModalFooter>
                   <Button color='danger' variant='flat' onClick={onClose}>
                     Close
                   </Button>
-                  <Button color='primary' onPress={onClose}>
+                  <Button color='primary' onPress={createAccount}>
                     Add Account
                   </Button>
                 </ModalFooter>

diff --git a/frontend/src/components/accounts/manage/index.tsx b/frontend/src/components/accounts/manage/index.tsx
@@ -19,6 +19,8 @@ export const ManageAccounts: React.FC<ManageAccountsProps> = ({ accounts }) => {
       { name: 'Name', uid: 'name' },
       { name: 'Type', uid: 'type' },
       { name: 'Created At', uid: 'createdAt' },
+      { name: 'Status', uid: 'status' },
+      { name: 'Actions', uid: 'actions' },
     ],
     accounts,
   };

diff --git a/frontend/src/components/accounts/manage/render-cell.tsx b/frontend/src/components/accounts/manage/render-cell.tsx
@@ -45,13 +45,13 @@ export const RenderCell = (data: Props) => {
           </div>
         </div>
       );
-    // case 'status':
-    //   return (
-    //     <Chip size='sm' variant='flat' color={cellValue === 'active' ? 'success' : cellValue === 'paused' ? 'danger' : 'warning'}>
-    //       <span className='capitalize text-xs'>{cellValue}</span>
-    //     </Chip>
-    //   );
-
+    case 'status':
+      return (
+        // <Chip size='sm' variant='flat' color={cellValue === 'active' ? 'success' : cellValue === 'paused' ? 'danger' : 'warning'}>
+        <Chip size='sm' variant='flat' color='success'>
+          <span className='capitalize text-xs'>Active</span>
+        </Chip>
+      );
     case 'actions':
       return (
         <div className='flex items-center gap-4'>