From 58de5bfd6a7ab282fdd1fefbda0313c390db662a Mon Sep 17 00:00:00 2001
From: Ramesh Kumar Chandra <rameshkumar2299@gmail.com>
Date: Fri, 26 Apr 2024 19:28:05 +0530
Subject: [PATCH] chore: typos and refactor

---
 web/components/cycles/active-cycle/header.tsx |  2 +-
 .../estimates/delete-estimate-modal.tsx       |  2 +-
 .../issues/issue-detail/sidebar.tsx           | 10 +++---
 .../quick-action-dropdowns/all-issue.tsx      |  6 ++--
 .../quick-action-dropdowns/cycle-issue.tsx    |  6 ++--
 .../quick-action-dropdowns/module-issue.tsx   |  6 ++--
 .../quick-action-dropdowns/project-issue.tsx  |  6 ++--
 .../issues/peek-overview/header.tsx           | 10 +++---
 ...der.tsx => modules-list-mobile-header.tsx} |  0
 web/components/modules/quick-actions.tsx      |  6 ++--
 web/components/modules/sidebar.tsx            |  6 ++--
 .../project/settings/features-list.tsx        |  2 +-
 .../profile/preferences/layout.tsx            | 33 +++++++++----------
 .../projects/[projectId]/modules/index.tsx    |  2 +-
 web/pages/profile/preferences/theme.tsx       |  2 +-
 15 files changed, 49 insertions(+), 50 deletions(-)
 rename web/components/modules/{moduels-list-mobile-header.tsx => modules-list-mobile-header.tsx} (100%)

diff --git a/web/components/cycles/active-cycle/header.tsx b/web/components/cycles/active-cycle/header.tsx
index 53cff0191..266cf9120 100644
--- a/web/components/cycles/active-cycle/header.tsx
+++ b/web/components/cycles/active-cycle/header.tsx
@@ -47,7 +47,7 @@ export const ActiveCycleHeader: FC<ActiveCycleHeaderProps> = (props) => {
       </div>
       <div className="flex items-center gap-4">
         <div className="rounded-sm text-sm">
-          <div className="flex gap-2 divide-x spac divide-x-border-300 text-sm whitespace-nowrap text-custom-text-300 font-medium">
+          <div className="flex gap-2 divide-x divide-x-border-300 text-sm whitespace-nowrap text-custom-text-300 font-medium">
             <Avatar name={cycleOwnerDetails?.display_name} src={cycleOwnerDetails?.avatar} />
             {cycleAssignee.length > 0 && (
               <span className="pl-2">
diff --git a/web/components/estimates/delete-estimate-modal.tsx b/web/components/estimates/delete-estimate-modal.tsx
index 70ccb6a3b..7589db12a 100644
--- a/web/components/estimates/delete-estimate-modal.tsx
+++ b/web/components/estimates/delete-estimate-modal.tsx
@@ -98,7 +98,7 @@ export const DeleteEstimateModal: React.FC<Props> = observer((props) => {
                     <p className="break-words text-sm leading-7 text-custom-text-200">
                       Are you sure you want to delete estimate-{" "}
                       <span className="break-words font-medium text-custom-text-100">{data?.name}</span>
-                      {""}? All of the data related to the estiamte will be permanently removed. This action cannot be
+                      {""}? All of the data related to the estimate will be permanently removed. This action cannot be
                       undone.
                     </p>
                   </span>
diff --git a/web/components/issues/issue-detail/sidebar.tsx b/web/components/issues/issue-detail/sidebar.tsx
index 60221f4c2..7cf2abac7 100644
--- a/web/components/issues/issue-detail/sidebar.tsx
+++ b/web/components/issues/issue-detail/sidebar.tsx
@@ -122,7 +122,7 @@ export const IssueDetailsSidebar: React.FC<Props> = observer((props) => {
   const stateDetails = getStateById(issue.state_id);
   // auth
   const isArchivingAllowed = !is_archived && issueOperations.archive && isEditable;
-  const isInArchivableGroup =
+  const isInArchiveGroup =
     !!stateDetails && [STATE_GROUPS.completed.key, STATE_GROUPS.cancelled.key].includes(stateDetails?.group);
 
   const minDate = issue.start_date ? getDate(issue.start_date) : null;
@@ -164,19 +164,19 @@ export const IssueDetailsSidebar: React.FC<Props> = observer((props) => {
               {isArchivingAllowed && (
                 <Tooltip
                   isMobile={isMobile}
-                  tooltipContent={isInArchivableGroup ? "Archive" : "Only completed or canceled issues can be archived"}
+                  tooltipContent={isInArchiveGroup ? "Archive" : "Only completed or canceled issues can be archived"}
                 >
                   <button
                     type="button"
                     className={cn(
                       "grid h-5 w-5 place-items-center rounded focus:outline-none focus:ring-2 focus:ring-custom-primary",
                       {
-                        "hover:text-custom-text-200": isInArchivableGroup,
-                        "cursor-not-allowed text-custom-text-400": !isInArchivableGroup,
+                        "hover:text-custom-text-200": isInArchiveGroup,
+                        "cursor-not-allowed text-custom-text-400": !isInArchiveGroup,
                       }
                     )}
                     onClick={() => {
-                      if (!isInArchivableGroup) return;
+                      if (!isInArchiveGroup) return;
                       setArchiveIssueModal(true);
                     }}
                   >
diff --git a/web/components/issues/issue-layouts/quick-action-dropdowns/all-issue.tsx b/web/components/issues/issue-layouts/quick-action-dropdowns/all-issue.tsx
index 86dbe760b..7ea96998a 100644
--- a/web/components/issues/issue-layouts/quick-action-dropdowns/all-issue.tsx
+++ b/web/components/issues/issue-layouts/quick-action-dropdowns/all-issue.tsx
@@ -45,7 +45,7 @@ export const AllIssueQuickActions: React.FC<IQuickActionProps> = observer((props
   const isEditingAllowed = !readOnly;
   // auth
   const isArchivingAllowed = handleArchive && isEditingAllowed;
-  const isInArchivableGroup =
+  const isInArchiveGroup =
     !!stateDetails && [STATE_GROUPS.completed.key, STATE_GROUPS.cancelled.key].includes(stateDetails?.group);
 
   const issueLink = `${workspaceSlug}/projects/${issue.project_id}/issues/${issue.id}`;
@@ -143,8 +143,8 @@ export const AllIssueQuickActions: React.FC<IQuickActionProps> = observer((props
           </CustomMenu.MenuItem>
         )}
         {isArchivingAllowed && (
-          <CustomMenu.MenuItem onClick={() => setArchiveIssueModal(true)} disabled={!isInArchivableGroup}>
-            {isInArchivableGroup ? (
+          <CustomMenu.MenuItem onClick={() => setArchiveIssueModal(true)} disabled={!isInArchiveGroup}>
+            {isInArchiveGroup ? (
               <div className="flex items-center gap-2">
                 <ArchiveIcon className="h-3 w-3" />
                 Archive
diff --git a/web/components/issues/issue-layouts/quick-action-dropdowns/cycle-issue.tsx b/web/components/issues/issue-layouts/quick-action-dropdowns/cycle-issue.tsx
index eed0e0dc6..b13656217 100644
--- a/web/components/issues/issue-layouts/quick-action-dropdowns/cycle-issue.tsx
+++ b/web/components/issues/issue-layouts/quick-action-dropdowns/cycle-issue.tsx
@@ -53,7 +53,7 @@ export const CycleIssueQuickActions: React.FC<IQuickActionProps> = observer((pro
   // auth
   const isEditingAllowed = !!currentProjectRole && currentProjectRole >= EUserProjectRoles.MEMBER && !readOnly;
   const isArchivingAllowed = handleArchive && isEditingAllowed;
-  const isInArchivableGroup =
+  const isInArchiveGroup =
     !!stateDetails && [STATE_GROUPS.completed.key, STATE_GROUPS.cancelled.key].includes(stateDetails?.group);
   const isDeletingAllowed = isEditingAllowed;
 
@@ -170,8 +170,8 @@ export const CycleIssueQuickActions: React.FC<IQuickActionProps> = observer((pro
           </CustomMenu.MenuItem>
         )}
         {isArchivingAllowed && (
-          <CustomMenu.MenuItem onClick={() => setArchiveIssueModal(true)} disabled={!isInArchivableGroup}>
-            {isInArchivableGroup ? (
+          <CustomMenu.MenuItem onClick={() => setArchiveIssueModal(true)} disabled={!isInArchiveGroup}>
+            {isInArchiveGroup ? (
               <div className="flex items-center gap-2">
                 <ArchiveIcon className="h-3 w-3" />
                 Archive
diff --git a/web/components/issues/issue-layouts/quick-action-dropdowns/module-issue.tsx b/web/components/issues/issue-layouts/quick-action-dropdowns/module-issue.tsx
index 1f155d066..ee636e5c9 100644
--- a/web/components/issues/issue-layouts/quick-action-dropdowns/module-issue.tsx
+++ b/web/components/issues/issue-layouts/quick-action-dropdowns/module-issue.tsx
@@ -52,7 +52,7 @@ export const ModuleIssueQuickActions: React.FC<IQuickActionProps> = observer((pr
   // auth
   const isEditingAllowed = !!currentProjectRole && currentProjectRole >= EUserProjectRoles.MEMBER && !readOnly;
   const isArchivingAllowed = handleArchive && isEditingAllowed;
-  const isInArchivableGroup =
+  const isInArchiveGroup =
     !!stateDetails && [STATE_GROUPS.completed.key, STATE_GROUPS.cancelled.key].includes(stateDetails?.group);
   const isDeletingAllowed = isEditingAllowed;
 
@@ -166,8 +166,8 @@ export const ModuleIssueQuickActions: React.FC<IQuickActionProps> = observer((pr
           </CustomMenu.MenuItem>
         )}
         {isArchivingAllowed && (
-          <CustomMenu.MenuItem onClick={() => setArchiveIssueModal(true)} disabled={!isInArchivableGroup}>
-            {isInArchivableGroup ? (
+          <CustomMenu.MenuItem onClick={() => setArchiveIssueModal(true)} disabled={!isInArchiveGroup}>
+            {isInArchiveGroup ? (
               <div className="flex items-center gap-2">
                 <ArchiveIcon className="h-3 w-3" />
                 Archive
diff --git a/web/components/issues/issue-layouts/quick-action-dropdowns/project-issue.tsx b/web/components/issues/issue-layouts/quick-action-dropdowns/project-issue.tsx
index 577a3ce99..5c471e991 100644
--- a/web/components/issues/issue-layouts/quick-action-dropdowns/project-issue.tsx
+++ b/web/components/issues/issue-layouts/quick-action-dropdowns/project-issue.tsx
@@ -51,7 +51,7 @@ export const ProjectIssueQuickActions: React.FC<IQuickActionProps> = observer((p
   // auth
   const isEditingAllowed = !!currentProjectRole && currentProjectRole >= EUserProjectRoles.MEMBER && !readOnly;
   const isArchivingAllowed = handleArchive && isEditingAllowed;
-  const isInArchivableGroup =
+  const isInArchiveGroup =
     !!stateDetails && [STATE_GROUPS.completed.key, STATE_GROUPS.cancelled.key].includes(stateDetails?.group);
   const isDeletingAllowed = isEditingAllowed;
 
@@ -155,8 +155,8 @@ export const ProjectIssueQuickActions: React.FC<IQuickActionProps> = observer((p
           </CustomMenu.MenuItem>
         )}
         {isArchivingAllowed && (
-          <CustomMenu.MenuItem onClick={() => setArchiveIssueModal(true)} disabled={!isInArchivableGroup}>
-            {isInArchivableGroup ? (
+          <CustomMenu.MenuItem onClick={() => setArchiveIssueModal(true)} disabled={!isInArchiveGroup}>
+            {isInArchiveGroup ? (
               <div className="flex items-center gap-2">
                 <ArchiveIcon className="h-3 w-3" />
                 Archive
diff --git a/web/components/issues/peek-overview/header.tsx b/web/components/issues/peek-overview/header.tsx
index e2ad668ba..d700fd99d 100644
--- a/web/components/issues/peek-overview/header.tsx
+++ b/web/components/issues/peek-overview/header.tsx
@@ -101,7 +101,7 @@ export const IssuePeekOverviewHeader: FC<PeekOverviewHeaderProps> = observer((pr
   };
   // auth
   const isArchivingAllowed = !isArchived && !disabled;
-  const isInArchivableGroup =
+  const isInArchiveGroup =
     !!stateDetails && [STATE_GROUPS.completed.key, STATE_GROUPS.cancelled.key].includes(stateDetails?.group);
   const isRestoringAllowed = isArchived && !disabled;
 
@@ -168,16 +168,16 @@ export const IssuePeekOverviewHeader: FC<PeekOverviewHeaderProps> = observer((pr
           {isArchivingAllowed && (
             <Tooltip
               isMobile={isMobile}
-              tooltipContent={isInArchivableGroup ? "Archive" : "Only completed or canceled issues can be archived"}
+              tooltipContent={isInArchiveGroup ? "Archive" : "Only completed or canceled issues can be archived"}
             >
               <button
                 type="button"
                 className={cn("text-custom-text-300", {
-                  "hover:text-custom-text-200": isInArchivableGroup,
-                  "cursor-not-allowed text-custom-text-400": !isInArchivableGroup,
+                  "hover:text-custom-text-200": isInArchiveGroup,
+                  "cursor-not-allowed text-custom-text-400": !isInArchiveGroup,
                 })}
                 onClick={() => {
-                  if (!isInArchivableGroup) return;
+                  if (!isInArchiveGroup) return;
                   toggleArchiveIssueModal(true);
                 }}
               >
diff --git a/web/components/modules/moduels-list-mobile-header.tsx b/web/components/modules/modules-list-mobile-header.tsx
similarity index 100%
rename from web/components/modules/moduels-list-mobile-header.tsx
rename to web/components/modules/modules-list-mobile-header.tsx
diff --git a/web/components/modules/quick-actions.tsx b/web/components/modules/quick-actions.tsx
index a1805937e..799db260d 100644
--- a/web/components/modules/quick-actions.tsx
+++ b/web/components/modules/quick-actions.tsx
@@ -42,7 +42,7 @@ export const ModuleQuickActions: React.FC<Props> = observer((props) => {
     !!currentWorkspaceAllProjectsRole && currentWorkspaceAllProjectsRole[projectId] >= EUserProjectRoles.MEMBER;
 
   const moduleState = moduleDetails?.status?.toLocaleLowerCase();
-  const isInArchivableGroup = !!moduleState && ["completed", "cancelled"].includes(moduleState);
+  const isInArchiveGroup = !!moduleState && ["completed", "cancelled"].includes(moduleState);
 
   const handleCopyText = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.stopPropagation();
@@ -128,8 +128,8 @@ export const ModuleQuickActions: React.FC<Props> = observer((props) => {
           </CustomMenu.MenuItem>
         )}
         {isEditingAllowed && !isArchived && (
-          <CustomMenu.MenuItem onClick={handleArchiveModule} disabled={!isInArchivableGroup}>
-            {isInArchivableGroup ? (
+          <CustomMenu.MenuItem onClick={handleArchiveModule} disabled={!isInArchiveGroup}>
+            {isInArchiveGroup ? (
               <div className="flex items-center gap-2">
                 <ArchiveIcon className="h-3 w-3" />
                 Archive module
diff --git a/web/components/modules/sidebar.tsx b/web/components/modules/sidebar.tsx
index 91d69c2e1..ea355555f 100644
--- a/web/components/modules/sidebar.tsx
+++ b/web/components/modules/sidebar.tsx
@@ -89,7 +89,7 @@ export const ModuleDetailsSidebar: React.FC<Props> = observer((props) => {
   const moduleDetails = getModuleById(moduleId);
 
   const moduleState = moduleDetails?.status?.toLocaleLowerCase();
-  const isInArchivableGroup = !!moduleState && ["completed", "cancelled"].includes(moduleState);
+  const isInArchiveGroup = !!moduleState && ["completed", "cancelled"].includes(moduleState);
 
   const { reset, control } = useForm({
     defaultValues,
@@ -354,8 +354,8 @@ export const ModuleDetailsSidebar: React.FC<Props> = observer((props) => {
             {isEditingAllowed && (
               <CustomMenu placement="bottom-end" ellipsis>
                 {!isArchived && (
-                  <CustomMenu.MenuItem onClick={() => setArchiveModuleModal(true)} disabled={!isInArchivableGroup}>
-                    {isInArchivableGroup ? (
+                  <CustomMenu.MenuItem onClick={() => setArchiveModuleModal(true)} disabled={!isInArchiveGroup}>
+                    {isInArchiveGroup ? (
                       <div className="flex items-center gap-2">
                         <ArchiveIcon className="h-3 w-3" />
                         Archive module
diff --git a/web/components/project/settings/features-list.tsx b/web/components/project/settings/features-list.tsx
index c93b8bb0a..1a82e9204 100644
--- a/web/components/project/settings/features-list.tsx
+++ b/web/components/project/settings/features-list.tsx
@@ -29,7 +29,7 @@ const PROJECT_FEATURES_LIST = [
   },
   {
     title: "Views",
-    description: "Apply filters to issues and save them to analyse and investigate work.",
+    description: "Apply filters to issues and save them to analyze and investigate work.",
     icon: <PhotoFilterIcon className="h-4 w-4 flex-shrink-0 text-cyan-500" />,
     property: "issue_views_view",
   },
diff --git a/web/layouts/settings-layout/profile/preferences/layout.tsx b/web/layouts/settings-layout/profile/preferences/layout.tsx
index f7fff2ef1..1d3b84c2d 100644
--- a/web/layouts/settings-layout/profile/preferences/layout.tsx
+++ b/web/layouts/settings-layout/profile/preferences/layout.tsx
@@ -19,26 +19,25 @@ export const ProfilePreferenceSettingsLayout: FC<IProfilePreferenceSettingsLayou
   const router = useRouter();
   const { theme: themeStore } = useApplication();
 
-  const showMenuItem = () => {
-    const item = router.asPath.split("/");
-    let splittedItem = item[item.length - 1];
-    splittedItem = splittedItem.replace(splittedItem[0], splittedItem[0].toUpperCase());
-    return splittedItem;
+  const showMenuLabel = () => {
+    const path = router.asPath.split("/");
+    const menuLabel = path[path.length - 1];
+    return menuLabel;
   };
 
   const profilePreferenceLinks: Array<{
     label: string;
     href: string;
   }> = [
-    {
-      label: "Theme",
-      href: `/profile/preferences/theme`,
-    },
-    {
-      label: "Email",
-      href: `/profile/preferences/email`,
-    },
-  ];
+      {
+        label: "Theme",
+        href: `/profile/preferences/theme`,
+      },
+      {
+        label: "Email",
+        href: `/profile/preferences/email`,
+      },
+    ];
 
   return (
     <ProfileSettingsLayout
@@ -51,15 +50,15 @@ export const ProfilePreferenceSettingsLayout: FC<IProfilePreferenceSettingsLayou
             placement="bottom-start"
             customButton={
               <div className="flex gap-2 items-center px-2 py-1.5 border rounded-md border-custom-border-400">
-                <span className="flex flex-grow justify-center text-custom-text-200 text-sm">{showMenuItem()}</span>
+                <span className="flex flex-grow justify-center text-custom-text-200 text-sm capitalize">{showMenuLabel()}</span>
                 <ChevronDown className="w-4 h-4 text-custom-text-400" />
               </div>
             }
             customButtonClassName="flex flex-grow justify-start text-custom-text-200 text-sm"
           >
             <></>
-            {profilePreferenceLinks.map((link) => (
-              <CustomMenu.MenuItem className="flex items-center gap-2">
+            {profilePreferenceLinks.map((link, index) => (
+              <CustomMenu.MenuItem className="flex items-center gap-2" key={index}>
                 <Link key={link.href} href={link.href} className="text-custom-text-300 w-full">
                   {link.label}
                 </Link>
diff --git a/web/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx
index 22973347f..28419b219 100644
--- a/web/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx
+++ b/web/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx
@@ -10,7 +10,7 @@ import { ModulesListHeader } from "@/components/headers";
 import { ModuleAppliedFiltersList, ModulesListView } from "@/components/modules";
 // types
 // hooks
-import ModulesListMobileHeader from "@/components/modules/moduels-list-mobile-header";
+import ModulesListMobileHeader from "@/components/modules/modules-list-mobile-header";
 import { EmptyStateType } from "@/constants/empty-state";
 import { calculateTotalFilters } from "@/helpers/filter.helper";
 import { useModuleFilter, useProject } from "@/hooks/store";
diff --git a/web/pages/profile/preferences/theme.tsx b/web/pages/profile/preferences/theme.tsx
index 09dc9043e..a96e9faa0 100644
--- a/web/pages/profile/preferences/theme.tsx
+++ b/web/pages/profile/preferences/theme.tsx
@@ -52,7 +52,7 @@ const ProfilePreferencesThemePage: NextPageWithLayout = observer(() => {
 
   return (
     <>
-      <PageHead title="Profile - Theme Prefrence" />
+      <PageHead title="Profile - Theme Preference" />
       {currentUser ? (
         <div className="mx-auto mt-10 h-full w-full overflow-y-auto px-6 pb-8 md:mt-14 lg:px-20 vertical-scrollbar scrollbar-md">
           <div className="flex items-center border-b border-custom-border-100 pb-3.5">