Prettier

ChangePlusPlusVandy · Apr 27, 2024 · bfbcc31 · bfbcc31
1 parent d9d2106
commit bfbcc31
Show file tree

Hide file tree

Showing 5 changed files with 213 additions and 228 deletions.
diff --git a/components/Logs/LogsDashboard.tsx b/components/Logs/LogsDashboard.tsx
@@ -1,32 +1,33 @@
 import { DashboardContainer } from '@/styles/volunteerDashboard.styles';
 import { useEffect, useState } from 'react';
-import { VolunteerLogData, VolunteerEventData } from 'bookem-shared/src/types/database';
+import {
+  VolunteerLogData,
+  VolunteerEventData,
+} from 'bookem-shared/src/types/database';
 import LogsTable from './LogsTable';
 import LogsStats from './LogsStats';
-import {
-  Greeting,
-  Header,
-} from '@/styles/dashboard.styles';
+import { Greeting, Header } from '@/styles/dashboard.styles';
 import { Card } from 'antd';
 
 type VolunteerLogWithEvent = VolunteerLogData & {
   event: VolunteerEventData;
-}
+};
 
-export type LogTableData = (VolunteerLogWithEvent & {
+export type LogTableData = VolunteerLogWithEvent & {
   eventName: string;
-});
+};
 
 // unpack the eventName from the event object so that it can be used as a column in the table
-const processLogDataForTable = (logData: VolunteerLogWithEvent[]): LogTableData[] => {
-  return logData.map((log) => {
+const processLogDataForTable = (
+  logData: VolunteerLogWithEvent[]
+): LogTableData[] => {
+  return logData.map(log => {
     return {
       ...log,
       eventName: log.event.name,
-    } ;
+    };
   });
-}
-
+};
 
 export default function LogsDashboard() {
   const [logData, setLogData] = useState<LogTableData[]>([]);
@@ -36,15 +37,12 @@ export default function LogsDashboard() {
       const response = await fetch('/api/volunteer-logs');
       const data: VolunteerLogWithEvent[] = await response.json();
       // console.log("Logs data: ", data);
-      setLogData(
-        processLogDataForTable(data)
-      );
-    }
+      setLogData(processLogDataForTable(data));
+    };
     fetchLogs();
-  }
-  , []);
+  }, []);
 
-  console.log("Log data: ", logData);
+  console.log('Log data: ', logData);
 
   return (
     <DashboardContainer>
@@ -54,8 +52,7 @@ export default function LogsDashboard() {
       <Header>Log Details:</Header>
       <Card
         // gray background
-        style={{ backgroundColor: "#f0f2f5" }}
-      >
+        style={{ backgroundColor: '#f0f2f5' }}>
         <LogsTable logData={logData} />
       </Card>
     </DashboardContainer>

diff --git a/components/Logs/LogsStats.tsx b/components/Logs/LogsStats.tsx
@@ -1,6 +1,5 @@
-
-import { LogTableData } from "./LogsDashboard"
-import {VolunteerStatsContainer} from '@/styles/volunteerDashboard.styles';
+import { LogTableData } from './LogsDashboard';
+import { VolunteerStatsContainer } from '@/styles/volunteerDashboard.styles';
 import {
   Greeting,
   StatsFlex,
@@ -9,45 +8,41 @@ import {
   StatsDescription,
   Header,
 } from '@/styles/dashboard.styles';
-import { VolunteerLogStatus } from "bookem-shared/src/types/database";
+import { VolunteerLogStatus } from 'bookem-shared/src/types/database';
 
 // only count the approved logs
 const calcTotalHours = (logData: LogTableData[]) => {
   let totalHours = 0;
-  logData.forEach((log) => {
+  logData.forEach(log => {
     if (log.status === VolunteerLogStatus.Approved) {
       totalHours += log.hours;
     }
   });
   return totalHours;
-}
+};
 
 const calcTotalBooks = (logData: LogTableData[]) => {
   let totalBooks = 0;
-  logData.forEach(
-    (log) => {
-      if (log.status === VolunteerLogStatus.Approved) {
-        totalBooks += (log.numBooks || 0);
-      }
+  logData.forEach(log => {
+    if (log.status === VolunteerLogStatus.Approved) {
+      totalBooks += log.numBooks || 0;
+    }
   });
   return totalBooks;
-}
+};
 
 // only count approved logs of events and only count unique events
 const calcNumEvents = (logData: LogTableData[]) => {
   const eventSet = new Set<string>();
-  logData.forEach((log) => {
+  logData.forEach(log => {
     if (log.status === VolunteerLogStatus.Approved) {
       eventSet.add(log.eventName);
     }
   });
   return eventSet.size;
+};
 
-}
-
-export default function LogsStats({
-  logData,
-}) {
+export default function LogsStats({ logData }) {
   return (
     <VolunteerStatsContainer>
       <Header>Your accomplishments at a glance:</Header>
@@ -67,4 +62,4 @@ export default function LogsStats({
       </StatsFlex>
     </VolunteerStatsContainer>
   );
-}
+}
diff --git a/components/Logs/LogsTable.tsx b/components/Logs/LogsTable.tsx
@@ -1,13 +1,11 @@
-import {Table, Tag } from 'antd';
+import { Table, Tag } from 'antd';
 import { LogTableData } from './LogsDashboard';
-import { VolunteerLogStatus} from 'bookem-shared/src/types/database';
-import Link from "next/link";
+import { VolunteerLogStatus } from 'bookem-shared/src/types/database';
+import Link from 'next/link';
 // use antd link icon
 import { LinkOutlined } from '@ant-design/icons';
 
-export default function LogsTable({ logData }
-  : { logData: LogTableData[]}
-) {
+export default function LogsTable({ logData }: { logData: LogTableData[] }) {
   const columns = [
     {
       title: 'Event',
@@ -23,14 +21,14 @@ export default function LogsTable({ logData }
         return (
           <Link href={`/event/${event._id}`}>
             {/* light blue color text */}
-            <div style={{ color: "#1890ff" }}>
+            <div style={{ color: '#1890ff' }}>
               <LinkOutlined /> See event
             </div>
           </Link>
         );
       },
     },
-    
+
     {
       title: 'Atended on',
       dataIndex: 'date',
@@ -71,15 +69,11 @@ export default function LogsTable({ logData }
         }
         return <Tag color={color}>{status}</Tag>;
       },
-    }
+    },
   ];
 
   return (
     // allow the table to scroll horizontally
-    <Table
-      dataSource={logData}
-      columns={columns}
-      scroll={{ x: true }}
-    />
+    <Table dataSource={logData} columns={columns} scroll={{ x: true }} />
   );
 }