Commenting out all Financial Information form related code

src/components/CivicProfileForms/FinancialInfo.jsx

@@ -1,13 +1,13 @@
-// React Imports
-import React from 'react';
-// Material UI Imports
-import Typography from '@mui/material/Typography';
-import { FormSection } from '../Form';
+// // React Imports
+// import React from 'react';
+// // Material UI Imports
+// import Typography from '@mui/material/Typography';
+// import { FormSection } from '../Form';
 
-const FinancialInfo = () => (
-  <FormSection title="Financial Information">
-    <Typography>To be completed</Typography>
-  </FormSection>
-);
+// const FinancialInfo = () => (
+//   <FormSection title="Financial Information">
+//     <Typography>To be completed</Typography>
+//   </FormSection>
+// );
 
-export default FinancialInfo;
+// export default FinancialInfo;

src/components/CivicProfileForms/FormList.js

@@ -1,16 +1,16 @@
 import BasicInfo from './BasicInfo';
-import FinancialInfo from './FinancialInfo';
+// import FinancialInfo from './FinancialInfo';
 import HousingInfo from './HousingInfo';
 
 const CIVIC_FORM_LIST = [
   { path: 'basic-info', label: 'Basic Information', element: BasicInfo, key: 'basic_info' },
-  { path: 'housing-info', label: 'Housing Information', element: HousingInfo, key: 'housing_info' },
-  {
-    path: 'financial-info',
-    label: 'Financial Information',
-    element: FinancialInfo,
-    key: 'financial_info'
-  }
+  { path: 'housing-info', label: 'Housing Information', element: HousingInfo, key: 'housing_info' }
+  // {
+  //   path: 'financial-info',
+  //   label: 'Financial Information',
+  //   element: FinancialInfo,
+  //   key: 'financial_info'
+  // }
 ];
 
 export default CIVIC_FORM_LIST;

src/components/CivicProfileForms/index.js

@@ -1,7 +1,13 @@
 import BasicInfo from './BasicInfo';
-import FinancialInfo from './FinancialInfo';
+// import FinancialInfo from './FinancialInfo';
 import HousingInfo from './HousingInfo';
 import FormLayout from './FormLayout';
 import CIVIC_FORM_LIST from './FormList';
 
-export { BasicInfo, FinancialInfo, HousingInfo, FormLayout, CIVIC_FORM_LIST };
+export {
+  BasicInfo,
+  // FinancialInfo,
+  HousingInfo,
+  FormLayout,
+  CIVIC_FORM_LIST
+};

src/pages/CivicProfile.jsx

@@ -6,8 +6,6 @@ import Box from '@mui/material/Box';
 import Container from '@mui/material/Container';
 import Tab from '@mui/material/Tab';
 import Tabs from '@mui/material/Tabs';
-import useMediaQuery from '@mui/material/useMediaQuery';
-import { useTheme } from '@mui/system';
 // Component Imports
 import { CIVIC_FORM_LIST } from '@components/CivicProfileForms';
 
@@ -23,8 +21,6 @@ const CivicProfile = () => {
 
   localStorage.setItem('restorePath', location.pathname);
   const currentForm = location.pathname.split('/').pop();
-  const theme = useTheme();
-  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'));
 
   return (
     <Container>
@@ -36,20 +32,14 @@ const CivicProfile = () => {
         }}
       >
         <nav>
-          <Tabs
-            orientation={isSmallScreen ? 'vertical' : 'horizontal'}
-            value={currentForm}
-            aria-label="civic profile tabs"
-          >
+          <Tabs value={currentForm} aria-label="civic profile tabs">
             {CIVIC_FORM_LIST.map((form) => (
               <Tab
                 key={form.path}
                 component={Link}
                 to={form.path}
                 label={form.label}
                 value={form.path}
-                // Disabled for incomplete Financial Information form
-                disabled={form.label === 'Financial Information'}
               />
             ))}
           </Tabs>

test/components/CivicProfileForms/FinancialInfo.test.jsx

@@ -1,11 +1,11 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { expect, it, describe } from 'vitest';
-import { FinancialInfo } from '@components/CivicProfileForms';
+// import React from 'react';
+// import { render } from '@testing-library/react';
+// import { expect, it, describe } from 'vitest';
+// import { FinancialInfo } from '@components/CivicProfileForms';
 
-describe('Financial Info Form', () => {
-  it('renders', () => {
-    const { getByText } = render(<FinancialInfo />);
-    expect(getByText('Financial Information')).not.toBeNull();
-  });
-});
+// describe('Financial Info Form', () => {
+//   it('renders', () => {
+//     const { getByText } = render(<FinancialInfo />);
+//     expect(getByText('Financial Information')).not.toBeNull();
+//   });
+// });