+
+
+
+
+
+
+ {currentProjectDetails?.name.charAt(0)}
+
+ )
+ }
+ />
+ }
+ />
+ } />}
+ />
+
+
+
+
+
+ {MODULE_VIEW_LAYOUTS.map((layout) => (
+
+
+
+ ))}
+
+ {canUserCreateModule && (
+
}
+ onClick={() => {
+ setTrackElement("Modules page");
+ commandPaletteStore.toggleCreateModuleModal(true);
+ }}
+ >
+
Add
Module
+
+ )}
-
-
+
+
+ {modulesView === 'gantt_chart' ? : modulesView === 'grid' ? :
}
+ Layout
+
+ }
+ customButtonClassName="flex flex-grow justify-center items-center text-custom-text-200 text-sm"
+ closeOnSelect
+ >
{MODULE_VIEW_LAYOUTS.map((layout) => (
-
-
-
+ setModulesView(layout.key)}
+ className="flex items-center gap-2"
+ >
+
+ {layout.title}
+
))}
-
- {canUserCreateModule && (
-
}
- onClick={() => {
- setTrackElement("Modules page");
- commandPaletteStore.toggleCreateModuleModal(true);
- }}
- >
- Add Module
-
- )}
+
);
});
+
+
diff --git a/web/components/headers/project-issues.tsx b/web/components/headers/project-issues.tsx
index 81e2d2d76..c645c6318 100644
--- a/web/components/headers/project-issues.tsx
+++ b/web/components/headers/project-issues.tsx
@@ -2,7 +2,7 @@ import { useCallback, useState } from "react";
import Link from "next/link";
import { useRouter } from "next/router";
import { observer } from "mobx-react-lite";
-import { Briefcase, Circle, ExternalLink, Plus } from "lucide-react";
+import { Briefcase, Circle, ExternalLink, Plus, Inbox } from "lucide-react";
// hooks
import {
useApplication,
@@ -120,35 +120,35 @@ export const ProjectIssuesHeader: React.FC = observer(() => {
-
+ router.back()}>
- {renderEmoji(currentProjectDetails.emoji)}
-
- ) : currentProjectDetails?.icon_prop ? (
-
- {renderEmoji(currentProjectDetails.icon_prop)}
-
- ) : (
-
- {currentProjectDetails?.name.charAt(0)}
-
- )
- ) : (
+
-
+ {renderEmoji(currentProjectDetails.emoji)}
+
+ ) : currentProjectDetails?.icon_prop ? (
+
+ {renderEmoji(currentProjectDetails.icon_prop)}
+
+ ) : (
+
+ {currentProjectDetails?.name.charAt(0)}
)
- }
- />
+ ) : (
+
+
+
+ )
+ }
+ />
}
/>
@@ -202,18 +202,19 @@ export const ProjectIssuesHeader: React.FC = observer(() => {
{currentProjectDetails?.inbox_view && inboxDetails && (
-
-
-
-
-
+
+
+
+
+
+
)}
{canUserCreateIssue && (
<>
@@ -228,7 +229,7 @@ export const ProjectIssuesHeader: React.FC = observer(() => {
size="sm"
prependIcon={
}
>
- Add Issue
+
Add
Issue
)}
diff --git a/web/components/headers/project-settings.tsx b/web/components/headers/project-settings.tsx
index fdb033a21..b70a4614f 100644
--- a/web/components/headers/project-settings.tsx
+++ b/web/components/headers/project-settings.tsx
@@ -36,7 +36,7 @@ export const ProjectSettingHeader: FC
= observer((props)
-
+
{
}}
className="items-center"
>
- Add Project
+ Add
Project
)}
diff --git a/web/components/modules/module-card-item.tsx b/web/components/modules/module-card-item.tsx
index 3d83be010..3275f1fe0 100644
--- a/web/components/modules/module-card-item.tsx
+++ b/web/components/modules/module-card-item.tsx
@@ -130,8 +130,8 @@ export const ModuleCardItem: React.FC
= observer((props) => {
? !moduleTotalIssues || moduleTotalIssues === 0
? "0 Issue"
: moduleTotalIssues === moduleDetails.completed_issues
- ? `${moduleTotalIssues} Issue${moduleTotalIssues > 1 ? "s" : ""}`
- : `${moduleDetails.completed_issues}/${moduleTotalIssues} Issues`
+ ? `${moduleTotalIssues} Issue${moduleTotalIssues > 1 ? "s" : ""}`
+ : `${moduleDetails.completed_issues}/${moduleTotalIssues} Issues`
: "0 Issue";
return (
@@ -147,7 +147,7 @@ export const ModuleCardItem: React.FC = observer((props) => {
)}
setDeleteModal(false)} />
-
+
@@ -223,7 +223,7 @@ export const ModuleCardItem: React.FC = observer((props) => {
No due date
)}
-
+
{isEditingAllowed &&
(moduleDetails.is_favorite ? (