From e84389248d1e47924965e920b48b7db4be9cb7fe Mon Sep 17 00:00:00 2001
From: Lucien Le Roux <lucien.le-roux@shine.co>
Date: Wed, 26 Aug 2026 15:30:49 +0200
Subject: [PATCH] feat: added get bank account by id

---
 pages/containers/Authenticated.tsx    |  8 ++++++
 pages/features/GetBankAccountById.tsx | 37 +++++++++++++++++++++++++++
 server/main.ts                        |  2 ++
 server/routes/bankAccountById.ts      | 22 ++++++++++++++++
 4 files changed, 69 insertions(+)
 create mode 100644 pages/features/GetBankAccountById.tsx
 create mode 100644 server/routes/bankAccountById.ts

diff --git a/pages/containers/Authenticated.tsx b/pages/containers/Authenticated.tsx
index bfeb687..ea9dbd3 100644
--- a/pages/containers/Authenticated.tsx
+++ b/pages/containers/Authenticated.tsx
@@ -8,6 +8,7 @@ import SignIn from './SignIn';
 import { AuthenticatedData } from '../utils';
 import GetCompanyProfile from '../features/GetCompanyProfile';
 import GetBankAccounts from '../features/GetBankAccounts';
+import GetBankAccountById from '../features/GetBankAccountById';
 import GetTransactions from '../features/GetTransactions';
 import GetTransactionById from '../features/GetTransactionById';
 import GetReceiptForTransaction from '../features/GetReceiptForTransaction';
@@ -97,6 +98,13 @@ function Authenticated({ authenticatedData }: { authenticatedData: Authenticated
                 authenticatedData={authenticatedData}
               />
             </Menu>
+            <Menu>
+              <GetBankAccountById
+                setOperationOutput={setOperationOutput}
+                setError={setError}
+                authenticatedData={authenticatedData}
+              />
+            </Menu>
 
             <StyledSidebarHeader>Transactions </StyledSidebarHeader>
             <Menu>
diff --git a/pages/features/GetBankAccountById.tsx b/pages/features/GetBankAccountById.tsx
new file mode 100644
index 0000000..8640255
--- /dev/null
+++ b/pages/features/GetBankAccountById.tsx
@@ -0,0 +1,37 @@
+import React, { useCallback, useState } from 'react';
+import Button from '../components/Button';
+import axios, { AxiosError } from 'axios';
+import { FeatureParams, SContainer, SInput, stringifyResponse } from '../utils';
+
+function GetBankAccountById({ authenticatedData, setOperationOutput, setError }: FeatureParams) {
+  const [bankAccountId, setBankAccountId] = useState('');
+
+  const getBankAccountById = useCallback(() => {
+    setError(null);
+    axios
+      .get('/bank-account-by-id', {
+        params: {
+          bankAccountId,
+          access_token: authenticatedData.access_token, // in real world scenario, this should be stored in a your backend
+        },
+      })
+      .then((result) => setOperationOutput(stringifyResponse(result.data)))
+      .catch((err: AxiosError) => setError(stringifyResponse(err.response.data)));
+  }, [setError, setOperationOutput, authenticatedData, bankAccountId]);
+
+  return (
+    <SContainer>
+      <SInput
+        value={bankAccountId}
+        onChange={(e) => setBankAccountId(e.target.value)}
+        type="text"
+        placeholder="Bank account id"
+        size={40}
+      />
+
+      <Button key="bank-account-by-id" text="Get bank account by Id " onClick={getBankAccountById} />
+    </SContainer>
+  );
+}
+
+export default GetBankAccountById;
diff --git a/server/main.ts b/server/main.ts
index 80d76b6..94cc091 100644
--- a/server/main.ts
+++ b/server/main.ts
@@ -9,6 +9,7 @@ import callback from './callback';
 import getUserProfile from './routes/userProfile';
 import getCompanyProfile from './routes/companyProfile';
 import getBankAccounts from './routes/bankAccounts';
+import getBankAccountById from './routes/bankAccountById';
 import getTransactions from './routes/transactions';
 import getTransactionById from './routes/transactionById';
 import getReceiptForTransaction from './routes/receiptForTransaction';
@@ -46,6 +47,7 @@ app.prepare().then(() => {
   server.get('/user-profile', getUserProfile);
   server.get('/company-profile', getCompanyProfile);
   server.get('/bank-accounts', getBankAccounts);
+  server.get('/bank-account-by-id', getBankAccountById);
   server.get('/bank-transfers', getBankTransfers);
   server.get('/bank-transfer-by-id', getBankTransferById);
   server.get('/transactions', getTransactions);
diff --git a/server/routes/bankAccountById.ts b/server/routes/bankAccountById.ts
new file mode 100644
index 0000000..b84898b
--- /dev/null
+++ b/server/routes/bankAccountById.ts
@@ -0,0 +1,22 @@
+import { Request, Response } from 'express';
+import { shineRequest } from '../request';
+
+const getBankAccountById = async (req: Request, res: Response) => {
+  const { access_token, bankAccountId } = req.query;
+
+  try {
+    const data = await shineRequest({
+      method: 'GET',
+      path: `/bank/accounts/${bankAccountId}`,
+      authorization: access_token as string,
+    });
+    res.status(200).send(data);
+  } catch (error) {
+    res.status(error.status).send({
+      status: error.status,
+      message: error.body.message,
+    });
+  }
+};
+
+export default getBankAccountById;