fix: formatting files

packages/ui/src/toast/index.tsx

@@ -71,7 +71,11 @@ export const setToast = (props: SetToastProps) => {
           e.stopPropagation();
           e.preventDefault();
         }}
-        className={cn("w-[350px] h-[67.3px] rounded-lg border shadow-sm p-2", backgroundColorClassName, borderColorClassName)}
+        className={cn(
+          "w-[350px] h-[67.3px] rounded-lg border shadow-sm p-2",
+          backgroundColorClassName,
+          borderColorClassName
+        )}
       >
         <div className="w-full h-full flex items-center justify-center px-4 py-2">
           {icon && <div className="flex items-center justify-center">{icon}</div>}

web/components/headers/cycle-issues.tsx

@@ -205,9 +205,7 @@ export const CycleIssuesHeader: React.FC = observer(() => {
                     className="ml-1.5 flex-shrink-0"
                     placement="bottom-start"
                   >
-                    {currentProjectCycleIds?.map((cycleId) => (
+                    {currentProjectCycleIds?.map((cycleId) => <CycleDropdownOption key={cycleId} cycleId={cycleId} />)}
-                      <CycleDropdownOption key={cycleId} cycleId={cycleId} />
-                    ))}
                   </CustomMenu>
                 }
               />

web/components/headers/module-issues.tsx

@@ -206,9 +206,7 @@ export const ModuleIssuesHeader: React.FC = observer(() => {
                     className="ml-1.5 flex-shrink-0"
                     placement="bottom-start"
                   >
-                    {projectModuleIds?.map((moduleId) => (
+                    {projectModuleIds?.map((moduleId) => <ModuleDropdownOption key={moduleId} moduleId={moduleId} />)}
-                      <ModuleDropdownOption key={moduleId} moduleId={moduleId} />
-                    ))}
                   </CustomMenu>
                 }
               />

web/components/issues/issue-layouts/calendar/base-calendar-root.tsx

@@ -31,13 +31,7 @@ interface IBaseCalendarRoot {
 }
 
 export const BaseCalendarRoot = observer((props: IBaseCalendarRoot) => {
-  const {
+  const { QuickActions, storeType, addIssuesToView, viewId, isCompletedCycle = false } = props;
-    QuickActions,
-    storeType,
-    addIssuesToView,
-    viewId,
-    isCompletedCycle = false,
-  } = props;
 
   // router
   const router = useRouter();

web/components/issues/issue-layouts/calendar/calendar.tsx

@@ -5,7 +5,15 @@ import { observer } from "mobx-react-lite";
 import { Spinner } from "@plane/ui";
 import { CalendarHeader, CalendarWeekDays, CalendarWeekHeader } from "components/issues";
 // types
-import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions, TGroupedIssues, TIssue, TIssueKanbanFilters, TIssueMap } from "@plane/types";
+import {
+  IIssueDisplayFilterOptions,
+  IIssueDisplayProperties,
+  IIssueFilterOptions,
+  TGroupedIssues,
+  TIssue,
+  TIssueKanbanFilters,
+  TIssueMap,
+} from "@plane/types";
 import { ICalendarWeek } from "./types";
 // constants
 import { EIssueFilterType, EIssuesStoreType } from "constants/issue";

web/components/issues/issue-layouts/calendar/dropdowns/options-dropdown.tsx

@@ -9,7 +9,13 @@ import { Popover, Transition } from "@headlessui/react";
 import { Check, ChevronUp } from "lucide-react";
 import { ToggleSwitch } from "@plane/ui";
 // types
-import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions, TCalendarLayouts, TIssueKanbanFilters } from "@plane/types";
+import {
+  IIssueDisplayFilterOptions,
+  IIssueDisplayProperties,
+  IIssueFilterOptions,
+  TCalendarLayouts,
+  TIssueKanbanFilters,
+} from "@plane/types";
 // constants
 import { CALENDAR_LAYOUTS } from "constants/calendar";
 import { EIssueFilterType } from "constants/issue";

web/components/issues/issue-layouts/calendar/roots/module-root.tsx

@@ -14,7 +14,7 @@ export const ModuleCalendarLayout: React.FC = observer(() => {
   const router = useRouter();
   const { workspaceSlug, projectId, moduleId } = router.query;
 
-  const {issues} = useIssues(EIssuesStoreType.MODULE)
+  const { issues } = useIssues(EIssuesStoreType.MODULE);
 
   if (!moduleId) return null;
 

web/components/issues/issue-layouts/gantt/project-root.tsx

@@ -5,4 +5,4 @@ import { EIssuesStoreType } from "constants/issue";
 // components
 import { BaseGanttRoot } from "./base-gantt-root";
 
-export const GanttLayout: React.FC = observer(() =>( <BaseGanttRoot storeType={EIssuesStoreType.PROJECT} />));
+export const GanttLayout: React.FC = observer(() => <BaseGanttRoot storeType={EIssuesStoreType.PROJECT} />);

web/components/issues/issue-layouts/kanban/base-kanban-root.tsx

@@ -198,13 +198,9 @@ export const BaseKanBanRoot: React.FC<IBaseKanBanLayout> = observer((props: IBas
       let kanbanFilters = issuesFilter?.issueFilters?.kanbanFilters?.[toggle] || [];
       if (kanbanFilters.includes(value)) kanbanFilters = kanbanFilters.filter((_value) => _value != value);
       else kanbanFilters.push(value);
-      updateFilters(
+      updateFilters(projectId.toString(), EIssueFilterType.KANBAN_FILTERS, {
-        projectId.toString(),
-        EIssueFilterType.KANBAN_FILTERS,
-        {
         [toggle]: kanbanFilters,
-        }
+      });
-      );
     }
   };
 

web/components/issues/issue-layouts/list/base-list-root.tsx

@@ -5,7 +5,7 @@ import { EIssuesStoreType } from "constants/issue";
 import { EUserProjectRoles } from "constants/project";
 import { useIssues, useUser } from "hooks/store";
 
-import { TIssue } from "@plane/types"
+import { TIssue } from "@plane/types";
 // components
 import { List } from "./default";
 import { IQuickActionProps } from "./list-view-types";

web/components/issues/issue-modal/form.tsx

@@ -770,4 +770,3 @@ export const IssueFormRoot: FC<IssueFormProps> = observer((props) => {
     </>
   );
 });
-

web/components/project/send-project-invitation-modal.tsx

@@ -142,9 +142,8 @@ export const SendProjectInvitationModal: React.FC<Props> = observer((props) => {
       if (!memberDetails?.member) return;
       return {
         value: `${memberDetails?.member.id}`,
-        query: `${memberDetails?.member.first_name} ${
+        query: `${memberDetails?.member.first_name} ${memberDetails?.member
-          memberDetails?.member.last_name
+          .last_name} ${memberDetails?.member.display_name.toLowerCase()}`,
-        } ${memberDetails?.member.display_name.toLowerCase()}`,
         content: (
           <div className="flex w-full items-center gap-2">
             <div className="flex-shrink-0 pt-0.5">

web/helpers/emoji.helper.tsx

@@ -41,13 +41,16 @@ export const groupReactions: (reactions: any[], key: string) => { [key: string]:
   reactions: any,
   key: string
 ) => {
-  const groupedReactions = reactions.reduce((acc: any, reaction: any) => {
+  const groupedReactions = reactions.reduce(
+    (acc: any, reaction: any) => {
       if (!acc[reaction[key]]) {
         acc[reaction[key]] = [];
       }
       acc[reaction[key]].push(reaction);
       return acc;
-  }, {} as { [key: string]: any[] });
+    },
+    {} as { [key: string]: any[] }
+  );
 
   return groupedReactions;
 };

web/helpers/issue.helper.ts

@@ -172,11 +172,7 @@ export const renderIssueBlocksStructure = (blocks: TIssue[]): IGanttBlock[] =>
     target_date: block.target_date ? new Date(block.target_date) : null,
   }));
 
-
+export function getChangedIssuefields(formData: Partial<TIssue>, dirtyFields: { [key: string]: boolean | undefined }) {
-  export function getChangedIssuefields(
-    formData: Partial<TIssue>,
-    dirtyFields: { [key: string]: boolean | undefined }
-  ) {
   const changedFields: Partial<TIssue> = {};
 
   const dirtyFieldKeys = Object.keys(dirtyFields) as (keyof TIssue)[];

web/layouts/settings-layout/profile/layout.tsx

@@ -21,9 +21,7 @@ export const ProfileSettingsLayout: FC<IProfileSettingsLayout> = (props) => {
           <ProfileLayoutSidebar />
           <main className="relative flex h-full w-full flex-col overflow-hidden bg-custom-background-100">
             {header}
-            <div className="h-full w-full overflow-x-hidden overflow-y-scroll">
+            <div className="h-full w-full overflow-x-hidden overflow-y-scroll">{children}</div>
-              {children}
-            </div>
           </main>
         </div>
       </UserAuthWrapper>

web/pages/[workspaceSlug]/projects/[projectId]/archived-issues/[archivedIssueId].tsx

@@ -69,9 +69,10 @@ const ArchivedIssueDetailsPage: NextPageWithLayout = observer(() => {
           title: "Success",
           message:
             issue &&
-            `${getProjectById(issue.project_id)?.identifier}-${
+            `${getProjectById(issue.project_id)
-              issue?.sequence_id
+              ?.identifier}-${issue?.sequence_id} is restored successfully under the project ${getProjectById(
-            } is restored successfully under the project ${getProjectById(issue.project_id)?.name}`,
+              issue.project_id
+            )?.name}`,
         });
         router.push(`/${workspaceSlug}/projects/${projectId}/issues/${archivedIssueId}`);
       })

web/store/member/workspace-member.store.ts

@@ -127,9 +127,8 @@ export class WorkspaceMemberStore implements IWorkspaceMemberStore {
     const searchedWorkspaceMemberIds = workspaceMemberIds?.filter((userId) => {
       const memberDetails = this.getWorkspaceMemberDetails(userId);
       if (!memberDetails) return false;
-      const memberSearchQuery = `${memberDetails.member.first_name} ${memberDetails.member.last_name} ${
+      const memberSearchQuery = `${memberDetails.member.first_name} ${memberDetails.member.last_name} ${memberDetails
-        memberDetails.member?.display_name
+        .member?.display_name} ${memberDetails.member.email ?? ""}`;
-      } ${memberDetails.member.email ?? ""}`;
       return memberSearchQuery.toLowerCase()?.includes(searchQuery.toLowerCase());
     });
     return searchedWorkspaceMemberIds;