diff --git a/TODO.md b/TODO.md
index 71990df6..54ac877e 100644
--- 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
index 52203782..3afef0d7 100644
--- 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 (
<>
@@ -16,19 +20,14 @@ export const AddAccount = () => {
<>
Add Account
-
-
-
-
-
-
-
+
+
-
diff --git a/frontend/src/components/accounts/manage/index.tsx b/frontend/src/components/accounts/manage/index.tsx
index 3664b293..8ad68afd 100644
--- 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 = ({ 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
index 59592800..c626252e 100644
--- 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) => {
);
- // case 'status':
- // return (
- //
- // {cellValue}
- //
- // );
-
+ case 'status':
+ return (
+ //
+
+ Active
+
+ );
case 'actions':
return (