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 (