Apply Prettier Formatting Fixes

Author: abhiramtilakiiit

src/app/manage/members/page.jsx

@@ -147,7 +147,8 @@ export default async function ManageMembers(props) {
 }
 
 async function PendingMembersDataGrid() {
-    const { data: { pendingMembers } = {} } = await getClient().query(GET_PENDING_MEMBERS);
+  const { data: { pendingMembers } = {} } =
+    await getClient().query(GET_PENDING_MEMBERS);
 
   // TODO: convert MembersTable to a server component and fetch user profile for each row (for lazy-loading perf improvement)
   // concurrently fetch user profile for each member
@@ -245,8 +246,8 @@ async function MembersDataGrid({
 // if member is still present, return current year + 1
 function extractLatestYear(member) {
   return Math.max(
-      ...member.roles.map((r)=>
-        !r.endYear ? new Date().getFullYear() + 1 : r.endYear,
+    ...member.roles.map((r) =>
+      !r.endYear ? new Date().getFullYear() + 1 : r.endYear,
     ),
   );
 }

src/components/members/BulkEditForm.jsx

@@ -437,7 +437,9 @@ export default function BulkEdit({ mode = "add" }) {
           - Please ensure that the members being added do not already exist in
           the selected club/body.
           <br />- The default start year for all members will be set as{" "}
-          {currentYear}{"-"}{currentMonth}.
+          {currentYear}
+          {"-"}
+          {currentMonth}.
           <br />- Any invalid entries marked in red will be skipped during
           submission.
         </Typography>
@@ -909,13 +911,20 @@ function MembersTable({
             }
             required
             min={`2010-01`}
-            max={currentMonth === 12
+            max={
+              currentMonth === 12
                 ? `${currentYear + 1}-01`
-                : `${currentYear}-${String(currentMonth + 1).padStart(2, "0")}`}
+                : `${currentYear}-${String(currentMonth + 1).padStart(2, "0")}`
+            }
             onBlur={() => {
               api.stopCellEditMode({ id, field });
             }}
-            style={{ width: "100%", padding: 6, borderRadius: 6, border: "1px solid #ccc" }}
+            style={{
+              width: "100%",
+              padding: 6,
+              borderRadius: 6,
+              border: "1px solid #ccc",
+            }}
           />
         );
       },
@@ -972,9 +981,11 @@ function MembersTable({
             })
           }
           min={`2010-01`}
-          max={currentMonth === 12
+          max={
+            currentMonth === 12
               ? `${currentYear + 1}-01`
-              : `${currentYear}-${String(currentMonth + 1).padStart(2, "0")}`}
+              : `${currentYear}-${String(currentMonth + 1).padStart(2, "0")}`
+          }
           style={{
             width: "100%",
             padding: 6,

src/components/members/MemberCard.jsx

@@ -127,11 +127,8 @@ export default async function MemberCard({ uid, poc, roles }) {
                   display: "inline-block",
                 }}
               >
-                (
-                  {fmtMonthYear(role.startMonth, role.startYear)}
-                  {" "}-{" "}
-                  {fmtMonthYear(role.endMonth, role.endYear)}
-                )
+                ({fmtMonthYear(role.startMonth, role.startYear)} -{" "}
+                {fmtMonthYear(role.endMonth, role.endYear)})
               </Typography>
             </Box>
           ))}

src/components/members/MemberPositions.jsx

@@ -24,7 +24,6 @@ import { fmtMonthYear } from "utils/membersDates";
 import { approveMemberAction } from "actions/members/approve/server_action";
 import { rejectMemberAction } from "actions/members/reject/server_action";
 
-
 const showActions = (rows, user) => {
   if (user?.role !== "cc") return false;
   if (rows.length > 0) {
@@ -84,7 +83,11 @@ export default function MemberPositions({
     if (row.startYear < minYear) row.startYear = minYear;
 
     // Only clamp if the month is actually set
-    if (row.startMonth && (row.startYear > currentYear || (row.startYear === currentYear && row.startMonth > currentMonth))) {
+    if (
+      row.startMonth &&
+      (row.startYear > currentYear ||
+        (row.startYear === currentYear && row.startMonth > currentMonth))
+    ) {
       row.startYear = currentYear;
       row.startMonth = currentMonth;
     }
@@ -291,82 +294,83 @@ export default function MemberPositions({
     },
     ...(editable
       ? [
-        {
-          field: "isValid",
-          type: "boolean",
-          headerName: "Valid?",
-          align: "center",
-          width: 80,
-          renderCell: (p) => (
-            <Tooltip
-              title={p.row.error || "Valid"}
-              disableHoverListener={p.row.isValid}
-            >
-              <span>
+          {
+            field: "isValid",
+            type: "boolean",
+            headerName: "Valid?",
+            align: "center",
+            width: 80,
+            renderCell: (p) => (
+              <Tooltip
+                title={p.row.error || "Valid"}
+                disableHoverListener={p.row.isValid}
+              >
+                <span>
+                  <Icon
+                    color={p.row.isValid ? "success.main" : "error.main"}
+                    variant={p.row.isValid ? "check-circle" : "cancel"}
+                    sx={{ height: 20, width: 20 }}
+                  />
+                </span>
+              </Tooltip>
+            ),
+            display: "flex",
+            disableColumnMenu: true,
+            sortable: false,
+          },
+          {
+            field: "action",
+            align: "center",
+            headerName: "",
+            width: 50,
+            renderCell: (p) => (
+              <IconButton
+                onMouseDown={(e) => e.stopPropagation()}
+                onClick={(e) => {
+                  e.stopPropagation();
+                  onDelete(p.row);
+                }}
+                size="small"
+              >
                 <Icon
-                  color={p.row.isValid ? "success.main" : "error.main"}
-                  variant={p.row.isValid ? "check-circle" : "cancel"}
-                  sx={{ height: 20, width: 20 }}
+                  color="error.main"
+                  variant="delete-forever-outline"
+                  sx={{ height: 16, width: 16 }}
                 />
-              </span>
-            </Tooltip>
-          ),
-          display: "flex",
-          disableColumnMenu: true,
-          sortable: false,
-        },
-        {
-          field: "action",
-          align: "center",
-          headerName: "",
-          width: 50,
-          renderCell: (p) => (
-            <IconButton onMouseDown={(e) => e.stopPropagation()}
-              onClick={(e) => {
-                e.stopPropagation();
-                onDelete(p.row)
-              }}
-              size="small"
-            >
-              <Icon
-                color="error.main"
-                variant="delete-forever-outline"
-                sx={{ height: 16, width: 16 }}
-              />
-            </IconButton>
-          ),
-          display: "flex",
-          disableColumnMenu: true,
-          sortable: false,
-        },
-      ]
+              </IconButton>
+            ),
+            display: "flex",
+            disableColumnMenu: true,
+            sortable: false,
+          },
+        ]
       : [
-        {
-          field: "approved",
-          headerName: "Status",
-          align: "center",
-          headerAlign: "center",
-          flex: isMobile ? null : 2,
-          valueGetter: (value, row) => ({
-            approved: row.approved,
-            approvalTime: row.approvalTime,
-            rejected: row.rejected,
-            rejectionTime: row.rejectionTime,
-          }),
-          disableExport: true,
-          renderCell: ({
-                         value: { approved, approvalTime, rejected, rejectionTime },
-                       }) => (
-            <Tooltip
-              title={
-                approved
-                  ? approvalTime || "No Information Available"
-                  : rejected
-                    ? rejectionTime || "No Information Available"
-                    : null
-              }
-              placement="left-start"
-            >
+          {
+            field: "approved",
+            headerName: "Status",
+            align: "center",
+            headerAlign: "center",
+            flex: isMobile ? null : 2,
+            valueGetter: (value, row) => ({
+              approved: row.approved,
+              approvalTime: row.approvalTime,
+              rejected: row.rejected,
+              rejectionTime: row.rejectionTime,
+            }),
+            disableExport: true,
+            renderCell: ({
+              value: { approved, approvalTime, rejected, rejectionTime },
+            }) => (
+              <Tooltip
+                title={
+                  approved
+                    ? approvalTime || "No Information Available"
+                    : rejected
+                      ? rejectionTime || "No Information Available"
+                      : null
+                }
+                placement="left-start"
+              >
                 <span>
                   <Tag
                     label={
@@ -378,41 +382,41 @@ export default function MemberPositions({
                     sx={{ my: 2 }}
                   />
                 </span>
-            </Tooltip>
-          ),
-          display: "flex",
-        },
-        ...(showActions(rows, user)
-          ? [
-            {
-              field: "actions",
-              align: "center",
-              headerName: "",
-              width: 100,
-              valueGetter: (value, row) => ({
-                approved: row.approved,
-                rejected: row.rejected,
-                rid: row.rid,
-              }),
-              disableExport: true,
-              disableColumnMenu: true,
-              sortable: false,
-              renderCell: ({ value: { approved, rejected, rid } }) => (
-                <>
-                  {approved || rejected ? null : (
+              </Tooltip>
+            ),
+            display: "flex",
+          },
+          ...(showActions(rows, user)
+            ? [
+                {
+                  field: "actions",
+                  align: "center",
+                  headerName: "",
+                  width: 100,
+                  valueGetter: (value, row) => ({
+                    approved: row.approved,
+                    rejected: row.rejected,
+                    rid: row.rid,
+                  }),
+                  disableExport: true,
+                  disableColumnMenu: true,
+                  sortable: false,
+                  renderCell: ({ value: { approved, rejected, rid } }) => (
                     <>
-                      <ApproveButton rid={rid} member={member} />
-                      <Box sx={{ mx: 1 }} />
-                      <RejectButton rid={rid} member={member} />
+                      {approved || rejected ? null : (
+                        <>
+                          <ApproveButton rid={rid} member={member} />
+                          <Box sx={{ mx: 1 }} />
+                          <RejectButton rid={rid} member={member} />
+                        </>
+                      )}
                     </>
-                  )}
-                </>
-              ),
-              display: "flex",
-            },
-          ]
-          : []),
-      ]),
+                  ),
+                  display: "flex",
+                },
+              ]
+            : []),
+        ]),
   ];
 
   return (

src/components/members/MembersGrid.jsx

@@ -69,7 +69,5 @@ export function extractLatestYear(member) {
 // get the first year a member was in the club
 // if member is still present, return -1
 export function extractFirstYear(member) {
-  return Math.min(
-    ...member.roles.map((r) => (!r.endYear ? -1 : r.startYear)),
-  );
+  return Math.min(...member.roles.map((r) => (!r.endYear ? -1 : r.startYear)));
 }

src/components/members/MembersTable.jsx

@@ -158,11 +158,8 @@ export default function MembersTable({
                             flexShrink: 0,
                           }}
                         >
-                          (
-                            {fmtMonthYear(role?.startMonth, role?.startYear)}
-                            {" "}-{" "}
-                            {fmtMonthYear(role?.endMonth, role?.endYear)}
-                          )
+                          ({fmtMonthYear(role?.startMonth, role?.startYear)} -{" "}
+                          {fmtMonthYear(role?.endMonth, role?.endYear)})
                         </Box>
                       </Typography>
                       {showIcon && (

src/components/profile/UserMemberships.jsx

@@ -242,4 +242,3 @@ export default function UserMemberships({ rows = [] }) {
     </>
   );
 }
-

src/utils/membersDates.jsx

@@ -9,8 +9,7 @@ export function fmtMonthYear(month, year, forceMonth = false) {
 }
 
 // Sorts dates
-export function sortMonthYear(a,b)
-{
+export function sortMonthYear(a, b) {
   const aEnd = a?.endYear;
   const bEnd = b?.endYear;
   if (aEnd == null && bEnd == null) return 0;