From 4c2cb2368aae8f188cc58ab1067586019d0fb028 Mon Sep 17 00:00:00 2001 From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com> Date: Mon, 10 Jul 2023 12:47:00 +0530 Subject: [PATCH] chore: update classnames according to the new theming structure (#1494) * chore: store various shades of accent color * refactor: custom theme selector * refactor: custom theme selector * chore: update custom theme input labels * fix: color generator function logic * fix: accent color preloaded data * chore: new theming structure * chore: update shades calculation logic * refactor: variable names * chore: update color scheming * chore: new color scheming * refactor: themes folder structure * chore: update classnames to the new ones * chore: update static colors * chore: sidebar link colors * chore: placeholder color * chore: update border classnames --- .../components/account/email-code-form.tsx | 4 +- .../account/email-password-form.tsx | 6 +- .../account/github-login-button.tsx | 2 +- .../create-update-analytics-modal.tsx | 9 +- .../custom-analytics/custom-analytics.tsx | 4 +- .../custom-analytics/graph/custom-tooltip.tsx | 4 +- .../custom-analytics/graph/index.tsx | 1 - .../analytics/custom-analytics/select-bar.tsx | 8 +- .../analytics/custom-analytics/sidebar.tsx | 32 +-- .../analytics/custom-analytics/table.tsx | 10 +- .../components/analytics/project-modal.tsx | 16 +- .../analytics/scope-and-demand/demand.tsx | 14 +- .../scope-and-demand/leaderboard.tsx | 6 +- .../scope-and-demand/scope-and-demand.tsx | 2 +- .../analytics/scope-and-demand/scope.tsx | 11 +- .../scope-and-demand/year-wise-issues.tsx | 8 +- .../components/analytics/select/project.tsx | 2 +- .../components/analytics/select/segment.tsx | 2 +- .../auth-screens/not-authorized-view.tsx | 10 +- .../auth-screens/project/join-project.tsx | 8 +- .../auth-screens/workspace/not-a-member.tsx | 2 +- apps/app/components/breadcrumbs/index.tsx | 6 +- .../change-interface-theme.tsx | 4 +- .../command-palette/command-pallette.tsx | 104 +++---- .../command-palette/shortcuts-modal.tsx | 40 +-- .../components/core/board-view/all-boards.tsx | 4 +- .../core/board-view/board-header.tsx | 8 +- .../core/board-view/single-board.tsx | 12 +- .../core/board-view/single-issue.tsx | 24 +- .../core/calendar-view/calendar-header.tsx | 26 +- .../core/calendar-view/calendar.tsx | 4 +- .../core/calendar-view/single-date.tsx | 8 +- .../core/calendar-view/single-issue.tsx | 20 +- apps/app/components/core/feeds.tsx | 42 +-- .../core/filters/due-date-filter-modal.tsx | 8 +- .../components/core/filters/filters-list.tsx | 14 +- .../core/filters/issues-view-filter.tsx | 56 ++-- .../components/core/image-picker-popover.tsx | 10 +- apps/app/components/core/issues-view.tsx | 6 +- .../core/list-view/single-issue.tsx | 18 +- .../components/core/list-view/single-list.tsx | 10 +- .../core/modals/bulk-delete-issues-modal.tsx | 18 +- .../modals/existing-issues-list-modal.tsx | 34 +-- .../core/modals/gpt-assistant-modal.tsx | 2 +- .../core/modals/image-upload-modal.tsx | 19 +- .../app/components/core/modals/link-modal.tsx | 7 +- .../components/core/sidebar/links-list.tsx | 13 +- .../core/sidebar/progress-chart.tsx | 4 +- .../core/sidebar/sidebar-progress-stats.tsx | 24 +- .../core/sidebar/single-progress-stats.tsx | 4 +- .../core/spreadsheet-view/single-issue.tsx | 32 +-- .../spreadsheet-view/spreadsheet-columns.tsx | 32 ++- .../spreadsheet-view/spreadsheet-view.tsx | 12 +- .../core/theme/color-picker-input.tsx | 6 +- .../core/theme/custom-theme-selector.tsx | 12 +- .../cycles/active-cycle-details.tsx | 62 ++--- .../components/cycles/active-cycle-stats.tsx | 18 +- .../cycles/cycles-list-gantt-chart.tsx | 4 +- apps/app/components/cycles/cycles-view.tsx | 6 +- .../components/cycles/delete-cycle-modal.tsx | 10 +- apps/app/components/cycles/form.tsx | 4 +- apps/app/components/cycles/gantt-chart.tsx | 6 +- apps/app/components/cycles/modal.tsx | 4 +- apps/app/components/cycles/select.tsx | 14 +- apps/app/components/cycles/sidebar.tsx | 46 +-- .../components/cycles/single-cycle-card.tsx | 26 +- .../components/cycles/single-cycle-list.tsx | 14 +- .../cycles/transfer-issues-modal.tsx | 20 +- .../app/components/cycles/transfer-issues.tsx | 4 +- .../components/emoji-icon-picker/index.tsx | 16 +- .../create-update-estimate-modal.tsx | 40 +-- .../estimates/delete-estimate-modal.tsx | 10 +- .../components/estimates/single-estimate.tsx | 8 +- .../components/gantt-chart/blocks/index.tsx | 10 +- .../components/gantt-chart/chart/bi-week.tsx | 10 +- apps/app/components/gantt-chart/chart/day.tsx | 8 +- .../components/gantt-chart/chart/hours.tsx | 8 +- .../components/gantt-chart/chart/index.tsx | 28 +- .../components/gantt-chart/chart/month.tsx | 10 +- .../components/gantt-chart/chart/quarter.tsx | 8 +- .../app/components/gantt-chart/chart/week.tsx | 10 +- .../app/components/gantt-chart/chart/year.tsx | 8 +- .../app/components/icons/alarm-clock-icon.tsx | 2 +- apps/app/components/icons/arrow-right.tsx | 2 +- .../icons/assignment-clipboard-icon.tsx | 9 +- .../components/icons/backlog-state-icon.tsx | 2 +- .../components/icons/calendar-after-icon.tsx | 4 +- .../components/icons/calendar-before-icon.tsx | 6 +- .../components/icons/calendar-month-icon.tsx | 2 +- apps/app/components/icons/check.tsx | 2 +- apps/app/components/icons/cloud-upload.tsx | 2 +- apps/app/components/icons/cog.tsx | 2 +- .../components/icons/color-pallette-icon.tsx | 2 +- apps/app/components/icons/command-icon.tsx | 2 +- apps/app/components/icons/contrast-icon.tsx | 2 +- apps/app/components/icons/cycle-icon.tsx | 2 +- apps/app/components/icons/discord-icon.tsx | 2 +- apps/app/components/icons/github-icon.tsx | 2 +- apps/app/components/icons/grid-view-icons.tsx | 2 +- apps/app/components/icons/heartbeat-icon.tsx | 2 +- apps/app/components/icons/import-layers.tsx | 2 +- apps/app/components/icons/inbox-icon.tsx | 2 +- .../components/icons/layer-diagonal-icon.tsx | 2 +- .../components/icons/people-group-icon.tsx | 2 +- apps/app/components/icons/setting-icon.tsx | 2 +- .../icons/stacked-layers-horizontal-icon.tsx | 2 +- .../components/icons/stacked-layers-icon.tsx | 2 +- apps/app/components/icons/target-icon.tsx | 2 +- apps/app/components/icons/tick-mark-icon.tsx | 2 +- .../components/icons/unstarted-state-icon.tsx | 2 +- apps/app/components/icons/user-group-icon.tsx | 2 +- apps/app/components/icons/users.tsx | 2 +- apps/app/components/icons/view-list-icon.tsx | 2 +- apps/app/components/icons/water-drop-icon.tsx | 2 +- .../components/inbox/accept-issue-modal.tsx | 8 +- .../components/inbox/decline-issue-modal.tsx | 8 +- .../components/inbox/delete-issue-modal.tsx | 8 +- .../app/components/inbox/filters-dropdown.tsx | 2 +- apps/app/components/inbox/filters-list.tsx | 10 +- .../components/inbox/inbox-action-headers.tsx | 14 +- .../app/components/inbox/inbox-issue-card.tsx | 10 +- .../components/inbox/inbox-main-content.tsx | 18 +- .../components/inbox/issues-list-sidebar.tsx | 4 +- .../app/components/inbox/select-duplicate.tsx | 31 ++- .../integration/delete-import-modal.tsx | 12 +- .../integration/github/import-configure.tsx | 2 +- .../integration/github/import-confirm.tsx | 2 +- .../integration/github/import-data.tsx | 10 +- .../integration/github/import-users.tsx | 4 +- .../integration/github/repo-details.tsx | 8 +- .../components/integration/github/root.tsx | 12 +- .../integration/github/select-repository.tsx | 2 +- .../integration/github/single-user-select.tsx | 2 +- apps/app/components/integration/guide.tsx | 12 +- .../integration/jira/confirm-import.tsx | 12 +- .../integration/jira/give-details.tsx | 20 +- .../integration/jira/import-users.tsx | 8 +- .../integration/jira/jira-project-detail.tsx | 18 +- apps/app/components/integration/jira/root.tsx | 16 +- .../components/integration/single-import.tsx | 2 +- .../integration/single-integration-card.tsx | 10 +- apps/app/components/issues/activity.tsx | 39 +-- .../components/issues/attachment-upload.tsx | 4 +- apps/app/components/issues/attachments.tsx | 4 +- .../issues/comment/comment-card.tsx | 10 +- .../issues/delete-attachment-modal.tsx | 12 +- .../components/issues/delete-issue-modal.tsx | 8 +- .../components/issues/description-form.tsx | 8 +- apps/app/components/issues/form.tsx | 16 +- apps/app/components/issues/gantt-chart.tsx | 6 +- apps/app/components/issues/main-content.tsx | 8 +- apps/app/components/issues/modal.tsx | 4 +- .../components/issues/my-issues-list-item.tsx | 26 +- .../issues/parent-issues-list-modal.tsx | 22 +- .../app/components/issues/select/assignee.tsx | 6 +- apps/app/components/issues/select/date.tsx | 6 +- .../app/components/issues/select/estimate.tsx | 8 +- apps/app/components/issues/select/label.tsx | 34 +-- .../app/components/issues/select/priority.tsx | 4 +- apps/app/components/issues/select/project.tsx | 2 +- apps/app/components/issues/select/state.tsx | 6 +- .../issues/sidebar-select/assignee.tsx | 6 +- .../issues/sidebar-select/blocked.tsx | 10 +- .../issues/sidebar-select/blocker.tsx | 10 +- .../issues/sidebar-select/cycle.tsx | 4 +- .../issues/sidebar-select/estimate.tsx | 6 +- .../issues/sidebar-select/module.tsx | 6 +- .../issues/sidebar-select/parent.tsx | 8 +- .../issues/sidebar-select/priority.tsx | 6 +- .../issues/sidebar-select/state.tsx | 6 +- apps/app/components/issues/sidebar.tsx | 50 ++-- .../app/components/issues/sub-issues-list.tsx | 16 +- .../issues/view-select/assignee.tsx | 4 +- .../issues/view-select/estimate.tsx | 2 +- .../components/issues/view-select/label.tsx | 12 +- .../issues/view-select/priority.tsx | 24 +- .../components/issues/view-select/state.tsx | 2 +- .../components/labels/create-label-modal.tsx | 15 +- .../labels/create-update-label-inline.tsx | 8 +- .../components/labels/delete-label-modal.tsx | 12 +- .../components/labels/labels-list-modal.tsx | 101 ++++--- .../components/labels/single-label-group.tsx | 6 +- apps/app/components/labels/single-label.tsx | 2 +- .../modules/delete-module-modal.tsx | 10 +- apps/app/components/modules/form.tsx | 4 +- apps/app/components/modules/gantt-chart.tsx | 6 +- apps/app/components/modules/modal.tsx | 4 +- .../modules/modules-list-gantt-chart.tsx | 4 +- apps/app/components/modules/select/lead.tsx | 4 +- .../app/components/modules/select/members.tsx | 8 +- apps/app/components/modules/select/status.tsx | 4 +- .../modules/sidebar-select/select-lead.tsx | 4 +- .../modules/sidebar-select/select-members.tsx | 6 +- .../modules/sidebar-select/select-status.tsx | 2 +- apps/app/components/modules/sidebar.tsx | 50 ++-- .../components/modules/single-module-card.tsx | 18 +- .../components/onboarding/invite-members.tsx | 2 +- .../components/onboarding/onboarding-card.tsx | 4 +- .../components/onboarding/user-details.tsx | 8 +- apps/app/components/onboarding/workspace.tsx | 32 +-- apps/app/components/pages/create-block.tsx | 4 +- .../pages/create-update-block-inline.tsx | 12 +- .../pages/create-update-page-modal.tsx | 4 +- .../components/pages/delete-page-modal.tsx | 10 +- apps/app/components/pages/page-form.tsx | 2 +- apps/app/components/pages/pages-view.tsx | 6 +- .../components/pages/single-page-block.tsx | 20 +- .../pages/single-page-detailed-item.tsx | 14 +- .../pages/single-page-list-item.tsx | 18 +- .../project/confirm-project-member-remove.tsx | 10 +- .../project/create-project-modal.tsx | 8 +- .../project/delete-project-modal.tsx | 17 +- .../components/project/join-project-modal.tsx | 7 +- .../project/send-project-invitation-modal.tsx | 25 +- .../components/project/settings-header.tsx | 2 +- .../project/settings/single-label.tsx | 10 +- apps/app/components/project/sidebar-list.tsx | 14 +- .../project/single-integration-card.tsx | 4 +- .../project/single-project-card.tsx | 8 +- .../project/single-sidebar-project.tsx | 16 +- .../app/components/rich-text-editor/index.tsx | 9 +- .../toolbar/float-tool-tip.tsx | 6 +- .../rich-text-editor/toolbar/link.tsx | 7 +- .../toolbar/table-controls.tsx | 4 +- apps/app/components/search-listbox/index.tsx | 12 +- .../components/states/create-state-modal.tsx | 15 +- .../states/create-update-state-inline.tsx | 13 +- .../components/states/delete-state-modal.tsx | 14 +- apps/app/components/states/single-state.tsx | 14 +- apps/app/components/ui/avatar.tsx | 6 +- .../components/ui/buttons/primary-button.tsx | 6 +- .../ui/buttons/secondary-button.tsx | 8 +- apps/app/components/ui/context-menu.tsx | 8 +- apps/app/components/ui/custom-menu.tsx | 20 +- .../components/ui/custom-search-select.tsx | 22 +- apps/app/components/ui/custom-select.tsx | 16 +- apps/app/components/ui/date.tsx | 6 +- apps/app/components/ui/datepicker.tsx | 6 +- apps/app/components/ui/empty-space.tsx | 18 +- apps/app/components/ui/empty-state.tsx | 4 +- .../components/ui/graphs/calendar-graph.tsx | 12 +- apps/app/components/ui/input/index.tsx | 6 +- .../integration-and-import-export-banner.tsx | 4 +- apps/app/components/ui/labels-list.tsx | 2 +- apps/app/components/ui/loader.tsx | 2 +- .../components/ui/markdown-to-component.tsx | 10 +- apps/app/components/ui/multi-input.tsx | 6 +- .../components/ui/multi-level-dropdown.tsx | 16 +- apps/app/components/ui/multi-level-select.tsx | 18 +- .../components/ui/product-updates-modal.tsx | 16 +- apps/app/components/ui/range-datepicker.tsx | 6 +- apps/app/components/ui/spinner.tsx | 40 +-- apps/app/components/ui/text-area/index.tsx | 4 +- apps/app/components/ui/toggle-switch.tsx | 6 +- apps/app/components/ui/tooltip.tsx | 2 +- .../components/views/delete-view-modal.tsx | 10 +- apps/app/components/views/form.tsx | 2 +- apps/app/components/views/gantt-chart.tsx | 6 +- apps/app/components/views/modal.tsx | 4 +- apps/app/components/views/select-filters.tsx | 2 +- .../app/components/views/single-view-item.tsx | 10 +- .../components/workspace/activity-graph.tsx | 14 +- .../workspace/completed-issues-graph.tsx | 8 +- .../confirm-workspace-member-remove.tsx | 12 +- .../workspace/create-workspace-form.tsx | 10 +- .../workspace/delete-workspace-modal.tsx | 16 +- .../app/components/workspace/help-section.tsx | 28 +- apps/app/components/workspace/issues-list.tsx | 10 +- .../components/workspace/issues-pie-chart.tsx | 6 +- .../app/components/workspace/issues-stats.tsx | 10 +- .../send-workspace-invitation-modal.tsx | 6 +- .../components/workspace/settings-header.tsx | 2 +- .../components/workspace/sidebar-dropdown.tsx | 26 +- .../app/components/workspace/sidebar-menu.tsx | 61 ++-- .../workspace/single-invitation.tsx | 8 +- apps/app/constants/graph.ts | 2 +- apps/app/constants/inbox.ts | 4 +- apps/app/helpers/string.helper.ts | 2 +- apps/app/helpers/theme.helper.ts | 17 ++ apps/app/layouts/app-layout/app-header.tsx | 4 +- apps/app/layouts/app-layout/app-sidebar.tsx | 4 +- .../project-authorization-wrapper.tsx | 6 +- .../workspace-authorization-wrapper.tsx | 6 +- apps/app/layouts/default-layout/index.tsx | 2 +- apps/app/layouts/settings-navbar.tsx | 4 +- apps/app/pages/404.tsx | 2 +- apps/app/pages/[workspaceSlug]/analytics.tsx | 8 +- apps/app/pages/[workspaceSlug]/index.tsx | 6 +- .../pages/[workspaceSlug]/me/my-issues.tsx | 16 +- .../[workspaceSlug]/me/profile/activity.tsx | 2 +- .../[workspaceSlug]/me/profile/index.tsx | 22 +- .../me/profile/preferences.tsx | 6 +- .../projects/[projectId]/cycles/[cycleId].tsx | 4 +- .../projects/[projectId]/cycles/index.tsx | 24 +- .../projects/[projectId]/inbox/[inboxId].tsx | 2 +- .../projects/[projectId]/issues/[issueId].tsx | 4 +- .../projects/[projectId]/issues/index.tsx | 6 +- .../[projectId]/modules/[moduleId].tsx | 4 +- .../projects/[projectId]/modules/index.tsx | 14 +- .../projects/[projectId]/pages/[pageId].tsx | 26 +- .../projects/[projectId]/pages/index.tsx | 14 +- .../projects/[projectId]/settings/control.tsx | 8 +- .../[projectId]/settings/estimates.tsx | 2 +- .../[projectId]/settings/features.tsx | 4 +- .../projects/[projectId]/settings/index.tsx | 14 +- .../projects/[projectId]/settings/labels.tsx | 2 +- .../projects/[projectId]/settings/members.tsx | 6 +- .../projects/[projectId]/settings/states.tsx | 10 +- .../projects/[projectId]/views/index.tsx | 4 +- .../pages/[workspaceSlug]/projects/index.tsx | 36 +-- .../[workspaceSlug]/settings/billing.tsx | 8 +- .../pages/[workspaceSlug]/settings/index.tsx | 10 +- .../[workspaceSlug]/settings/members.tsx | 6 +- apps/app/pages/_error.tsx | 6 +- apps/app/pages/colors.tsx | 143 ++++++++++ apps/app/pages/create-workspace.tsx | 12 +- apps/app/pages/index.tsx | 6 +- .../pages/installations/[provider]/index.tsx | 95 ++++--- apps/app/pages/invitations.tsx | 18 +- apps/app/pages/magic-sign-in.tsx | 8 +- apps/app/pages/onboarding.tsx | 8 +- apps/app/pages/reset-password.tsx | 4 +- apps/app/pages/sign-up.tsx | 4 +- .../app/pages/workspace-member-invitation.tsx | 2 +- apps/app/styles/command-pallette.css | 6 +- apps/app/styles/editor.css | 4 +- apps/app/styles/globals.css | 262 +++++------------- apps/app/styles/react-datepicker.css | 46 +-- apps/app/tailwind.config.js | 77 +++-- 329 files changed, 2130 insertions(+), 1995 deletions(-) create mode 100644 apps/app/pages/colors.tsx diff --git a/apps/app/components/account/email-code-form.tsx b/apps/app/components/account/email-code-form.tsx index e1b7aea98..ba8c759af 100644 --- a/apps/app/components/account/email-code-form.tsx +++ b/apps/app/components/account/email-code-form.tsx @@ -164,8 +164,8 @@ export const EmailCodeForm = ({ handleSignIn }: any) => { type="button" className={`mt-5 flex w-full justify-end text-xs outline-none ${ isResendDisabled - ? "cursor-default text-brand-secondary" - : "cursor-pointer text-brand-accent" + ? "cursor-default text-custom-text-200" + : "cursor-pointer text-custom-primary" } `} onClick={() => { setIsCodeResending(true); diff --git a/apps/app/components/account/email-password-form.tsx b/apps/app/components/account/email-password-form.tsx index 8a0dc3a33..97da2b9e4 100644 --- a/apps/app/components/account/email-password-form.tsx +++ b/apps/app/components/account/email-password-form.tsx @@ -80,7 +80,7 @@ export const EmailPasswordForm: React.FC = ({ onSubmit }) => {
{isSignUpPage ? ( - + Already have an account? Sign in. @@ -88,7 +88,7 @@ export const EmailPasswordForm: React.FC = ({ onSubmit }) => { @@ -112,7 +112,7 @@ export const EmailPasswordForm: React.FC = ({ onSubmit }) => { {!isSignUpPage && ( - + Don{"'"}t have an account? Sign up. diff --git a/apps/app/components/account/github-login-button.tsx b/apps/app/components/account/github-login-button.tsx index d997b3a3d..889d46405 100644 --- a/apps/app/components/account/github-login-button.tsx +++ b/apps/app/components/account/github-login-button.tsx @@ -39,7 +39,7 @@ export const GithubLoginButton: FC = (props) => { - diff --git a/apps/app/components/analytics/custom-analytics/create-update-analytics-modal.tsx b/apps/app/components/analytics/custom-analytics/create-update-analytics-modal.tsx index afaaf1b98..22e728089 100644 --- a/apps/app/components/analytics/custom-analytics/create-update-analytics-modal.tsx +++ b/apps/app/components/analytics/custom-analytics/create-update-analytics-modal.tsx @@ -97,7 +97,7 @@ export const CreateUpdateAnalyticsModal: React.FC = ({ isOpen, handleClos leaveFrom="opacity-100" leaveTo="opacity-0" > -
+
@@ -111,10 +111,13 @@ export const CreateUpdateAnalyticsModal: React.FC = ({ isOpen, handleClos leaveFrom="opacity-100 translate-y-0 sm:scale-100" leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" > - +
- + Save Analytics
diff --git a/apps/app/components/analytics/custom-analytics/custom-analytics.tsx b/apps/app/components/analytics/custom-analytics/custom-analytics.tsx index f46b7f2b2..4d6a2bdbe 100644 --- a/apps/app/components/analytics/custom-analytics/custom-analytics.tsx +++ b/apps/app/components/analytics/custom-analytics/custom-analytics.tsx @@ -86,7 +86,7 @@ export const CustomAnalytics: React.FC = ({
) : (
-
+

No matching issues found. Try changing the parameters.

@@ -104,7 +104,7 @@ export const CustomAnalytics: React.FC = ({ ) ) : (
-
+

There was some error in fetching the data.

= ({ datum, analytics, params }) => } return ( -
+
= ({ datum, analytics, params }) => }} /> = ({ : undefined, }} theme={{ - background: "rgb(var(--color-bg-base))", axis: {}, }} /> diff --git a/apps/app/components/analytics/custom-analytics/select-bar.tsx b/apps/app/components/analytics/custom-analytics/select-bar.tsx index 7286a9cf8..8c2b822e5 100644 --- a/apps/app/components/analytics/custom-analytics/select-bar.tsx +++ b/apps/app/components/analytics/custom-analytics/select-bar.tsx @@ -29,7 +29,7 @@ export const AnalyticsSelectBar: React.FC = ({ > {!isProjectLevel && (
-
Project
+
Project
= ({
)}
-
Measure (y-axis)
+
Measure (y-axis)
= ({ />
-
Dimension (x-axis)
+
Dimension (x-axis)
= ({ />
-
Group
+
Group
= ({
-
+
{analytics ? analytics.total : "..."} Issues
{isProjectLevel && ( -
+
{renderShortDate( (cycleId @@ -240,7 +240,7 @@ export const AnalyticsSidebar: React.FC = ({ )}
{project.name} - + ({project.identifier})
@@ -248,24 +248,24 @@ export const AnalyticsSidebar: React.FC = ({
- +
Total members
- {project.total_members} + {project.total_members}
Total cycles
- {project.total_cycles} + {project.total_cycles}
- +
Total modules
- {project.total_modules} + {project.total_modules}
@@ -280,13 +280,13 @@ export const AnalyticsSidebar: React.FC = ({

Analytics for {cycleDetails.name}

-
Lead
+
Lead
{cycleDetails.owned_by?.first_name} {cycleDetails.owned_by?.last_name}
-
Start Date
+
Start Date
{cycleDetails.start_date && cycleDetails.start_date !== "" ? renderShortDate(cycleDetails.start_date) @@ -294,7 +294,7 @@ export const AnalyticsSidebar: React.FC = ({
-
Target Date
+
Target Date
{cycleDetails.end_date && cycleDetails.end_date !== "" ? renderShortDate(cycleDetails.end_date) @@ -308,14 +308,14 @@ export const AnalyticsSidebar: React.FC = ({

Analytics for {moduleDetails.name}

-
Lead
+
Lead
{moduleDetails.lead_detail?.first_name}{" "} {moduleDetails.lead_detail?.last_name}
-
Start Date
+
Start Date
{moduleDetails.start_date && moduleDetails.start_date !== "" ? renderShortDate(moduleDetails.start_date) @@ -323,7 +323,7 @@ export const AnalyticsSidebar: React.FC = ({
-
Target Date
+
Target Date
{moduleDetails.target_date && moduleDetails.target_date !== "" ? renderShortDate(moduleDetails.target_date) @@ -357,7 +357,7 @@ export const AnalyticsSidebar: React.FC = ({
-
Network
+
Network
{ NETWORK_CHOICES[ diff --git a/apps/app/components/analytics/custom-analytics/table.tsx b/apps/app/components/analytics/custom-analytics/table.tsx index df3953b35..54a73186e 100644 --- a/apps/app/components/analytics/custom-analytics/table.tsx +++ b/apps/app/components/analytics/custom-analytics/table.tsx @@ -37,9 +37,9 @@ export const AnalyticsTable: React.FC = ({ analytics, barGraphData, param
- - - +
+ + @@ -80,11 +80,11 @@ export const AnalyticsTable: React.FC = ({ analytics, barGraphData, param )} - + {barGraphData.data.map((item, index) => (
{ANALYTICS_X_AXIS_VALUES.find((v) => v.value === params.x_axis)?.label}
= ({ isOpen, onClose }) => { return (
-
+

Analytics for{" "} {cycleId ? cycleDetails?.name : moduleId ? moduleDetails?.name : projectDetails?.name} @@ -167,7 +167,7 @@ export const AnalyticsProjectModal: React.FC = ({ isOpen, onClose }) => {

- + {tabsList.map((tab) => ( - `rounded-3xl border border-brand-base px-4 py-2 text-xs hover:bg-brand-surface-2 ${ - selected ? "bg-brand-surface-2" : "" + `rounded-3xl border border-custom-border-100 px-4 py-2 text-xs hover:bg-custom-background-80 ${ + selected ? "bg-custom-background-80" : "" }` } onClick={() => trackAnalyticsEvent(tab)} diff --git a/apps/app/components/analytics/scope-and-demand/demand.tsx b/apps/app/components/analytics/scope-and-demand/demand.tsx index 4a454b564..bb0627025 100644 --- a/apps/app/components/analytics/scope-and-demand/demand.tsx +++ b/apps/app/components/analytics/scope-and-demand/demand.tsx @@ -10,10 +10,10 @@ type Props = { }; export const AnalyticsDemand: React.FC = ({ defaultAnalytics }) => ( -
+
DEMAND
-

Total open tasks

+

Total open tasks

{defaultAnalytics.open_issues}

@@ -31,13 +31,13 @@ export const AnalyticsDemand: React.FC = ({ defaultAnalytics }) => ( }} />
{group.state_group}
- + {group.state_count}
-

{percentage}%

+

{percentage}%

-
+
= ({ defaultAnalytics }) => ( ); })}
-
-

+

+

diff --git a/apps/app/components/analytics/scope-and-demand/leaderboard.tsx b/apps/app/components/analytics/scope-and-demand/leaderboard.tsx index 72b892eeb..daad1a9d9 100644 --- a/apps/app/components/analytics/scope-and-demand/leaderboard.tsx +++ b/apps/app/components/analytics/scope-and-demand/leaderboard.tsx @@ -10,7 +10,7 @@ type Props = { }; export const AnalyticsLeaderboard: React.FC = ({ users, title }) => ( -
+
{title}
{users.length > 0 ? (
@@ -33,7 +33,7 @@ export const AnalyticsLeaderboard: React.FC = ({ users, title }) => ( {user.firstName !== "" ? user.firstName[0] : "?"}
)} - + {user.firstName !== "" ? `${user.firstName} ${user.lastName}` : "No assignee"}
@@ -42,7 +42,7 @@ export const AnalyticsLeaderboard: React.FC = ({ users, title }) => ( ))}
) : ( -
No matching data found.
+
No matching data found.
)}
); diff --git a/apps/app/components/analytics/scope-and-demand/scope-and-demand.tsx b/apps/app/components/analytics/scope-and-demand/scope-and-demand.tsx index d5bf10bc2..cfc315ac1 100644 --- a/apps/app/components/analytics/scope-and-demand/scope-and-demand.tsx +++ b/apps/app/components/analytics/scope-and-demand/scope-and-demand.tsx @@ -88,7 +88,7 @@ export const ScopeAndDemand: React.FC = ({ fullScreen = true }) => { ) ) : (
-
+

There was some error in fetching the data.

mutateDefaultAnalytics()}>Refresh diff --git a/apps/app/components/analytics/scope-and-demand/scope.tsx b/apps/app/components/analytics/scope-and-demand/scope.tsx index b0a422ed4..1247fa824 100644 --- a/apps/app/components/analytics/scope-and-demand/scope.tsx +++ b/apps/app/components/analytics/scope-and-demand/scope.tsx @@ -8,9 +8,9 @@ type Props = { }; export const AnalyticsScope: React.FC = ({ defaultAnalytics }) => ( -
+
SCOPE
-
+
Pending issues
{defaultAnalytics.pending_issue_user.length > 0 ? ( @@ -27,8 +27,8 @@ export const AnalyticsScope: React.FC = ({ defaultAnalytics }) => ( ); return ( -
- +
+ {assignee ? assignee.assignees__first_name + " " + assignee.assignees__last_name : "No assignee"} @@ -69,12 +69,11 @@ export const AnalyticsScope: React.FC = ({ defaultAnalytics }) => ( }} margin={{ top: 20 }} theme={{ - background: "rgb(var(--color-bg-base))", axis: {}, }} /> ) : ( -
+
No matching data found.
)} diff --git a/apps/app/components/analytics/scope-and-demand/year-wise-issues.tsx b/apps/app/components/analytics/scope-and-demand/year-wise-issues.tsx index 9a1f7bdc3..c1e0e95fa 100644 --- a/apps/app/components/analytics/scope-and-demand/year-wise-issues.tsx +++ b/apps/app/components/analytics/scope-and-demand/year-wise-issues.tsx @@ -15,7 +15,7 @@ export const AnalyticsYearWiseIssues: React.FC = ({ defaultAnalytics }) = const quarterMonthsList = [startMonth, startMonth + 1, startMonth + 2]; return ( -
+

Issues closed in a year

{defaultAnalytics.issue_completed_month_wise.length > 0 ? ( = ({ defaultAnalytics }) = margin={{ top: 20 }} enableSlices="x" sliceTooltip={(datum) => ( -
+
{datum.slice.points[0].data.yFormatted} - issues closed in + issues closed in {datum.slice.points[0].data.xFormatted}
)} @@ -55,7 +55,7 @@ export const AnalyticsYearWiseIssues: React.FC = ({ defaultAnalytics }) = enableArea /> ) : ( -
No matching data found.
+
No matching data found.
)}
); diff --git a/apps/app/components/analytics/select/project.tsx b/apps/app/components/analytics/select/project.tsx index 0cc88aa3b..5d625bd02 100644 --- a/apps/app/components/analytics/select/project.tsx +++ b/apps/app/components/analytics/select/project.tsx @@ -15,7 +15,7 @@ export const SelectProject: React.FC = ({ value, onChange, projects }) => query: project.name + project.identifier, content: (
- {project.identifier} + {project.identifier} {project.name}
), diff --git a/apps/app/components/analytics/select/segment.tsx b/apps/app/components/analytics/select/segment.tsx index ef6a2fe51..e125d8401 100644 --- a/apps/app/components/analytics/select/segment.tsx +++ b/apps/app/components/analytics/select/segment.tsx @@ -23,7 +23,7 @@ export const SelectSegment: React.FC = ({ value, onChange, params }) => { label={ {ANALYTICS_X_AXIS_VALUES.find((v) => v.value === value)?.label ?? ( - No value + No value )} } diff --git a/apps/app/components/auth-screens/not-authorized-view.tsx b/apps/app/components/auth-screens/not-authorized-view.tsx index d76e56b61..f0917a640 100644 --- a/apps/app/components/auth-screens/not-authorized-view.tsx +++ b/apps/app/components/auth-screens/not-authorized-view.tsx @@ -22,7 +22,7 @@ export const NotAuthorizedView: React.FC = ({ actionButton, type }) => { return ( -
+
= ({ actionButton, type }) => { alt="ProjectSettingImg" />
-

+

Oops! You are not authorized to view this page

-
+
{user ? (

You have signed in as {user.email}.
- Sign in + Sign in {" "} with different account that has access to this page.

@@ -48,7 +48,7 @@ export const NotAuthorizedView: React.FC = ({ actionButton, type }) => {

You need to{" "} - Sign in + Sign in {" "} with an account that has access to this page.

diff --git a/apps/app/components/auth-screens/project/join-project.tsx b/apps/app/components/auth-screens/project/join-project.tsx index 06ae1c240..854773632 100644 --- a/apps/app/components/auth-screens/project/join-project.tsx +++ b/apps/app/components/auth-screens/project/join-project.tsx @@ -41,13 +41,15 @@ export const JoinProject: React.FC = () => { }; return ( -
+
JoinProject
-

You are not a member of this project

+

+ You are not a member of this project +

-
+

You are not a member of this project, but you can join this project by clicking the button below. diff --git a/apps/app/components/auth-screens/workspace/not-a-member.tsx b/apps/app/components/auth-screens/workspace/not-a-member.tsx index 12bb3d850..ee63b5883 100644 --- a/apps/app/components/auth-screens/workspace/not-a-member.tsx +++ b/apps/app/components/auth-screens/workspace/not-a-member.tsx @@ -11,7 +11,7 @@ export const NotAWorkspaceMember = () => (

Not Authorized!

-

+

You{"'"}re not a member of this workspace. Please contact the workspace admin to get an invitation or check your pending invitations.

diff --git a/apps/app/components/breadcrumbs/index.tsx b/apps/app/components/breadcrumbs/index.tsx index 6e2c85785..893d6fde1 100644 --- a/apps/app/components/breadcrumbs/index.tsx +++ b/apps/app/components/breadcrumbs/index.tsx @@ -17,12 +17,12 @@ const Breadcrumbs = ({ children }: BreadcrumbsProps) => {
{children} @@ -41,7 +41,7 @@ const BreadcrumbItem: React.FC = ({ title, link, icon }) => <> {link ? ( - +

{icon ?? null} {title} diff --git a/apps/app/components/command-palette/change-interface-theme.tsx b/apps/app/components/command-palette/change-interface-theme.tsx index f4bcd7483..b2b43c670 100644 --- a/apps/app/components/command-palette/change-interface-theme.tsx +++ b/apps/app/components/command-palette/change-interface-theme.tsx @@ -34,8 +34,8 @@ export const ChangeInterfaceTheme: React.FC = ({ setIsPaletteOpen }) => { }} className="focus:outline-none" > -

- +
+ {theme.label}
diff --git a/apps/app/components/command-palette/command-pallette.tsx b/apps/app/components/command-palette/command-pallette.tsx index 32634f18c..244265ff5 100644 --- a/apps/app/components/command-palette/command-pallette.tsx +++ b/apps/app/components/command-palette/command-pallette.tsx @@ -408,7 +408,7 @@ export const CommandPalette: React.FC = () => { leaveFrom="opacity-100" leaveTo="opacity-0" > -
+
@@ -421,7 +421,7 @@ export const CommandPalette: React.FC = () => { leaveFrom="opacity-100 translate-y-0 sm:scale-100" leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" > - + { if (value.toLowerCase().includes(search.toLowerCase())) return 1; @@ -444,7 +444,7 @@ export const CommandPalette: React.FC = () => { > {issueId && issueDetails && (
-

+

{issueDetails.project_detail?.identifier}-{issueDetails.sequence_id}{" "} {issueDetails?.name}

@@ -452,11 +452,11 @@ export const CommandPalette: React.FC = () => { )}
+
No results found.
)} @@ -533,9 +533,9 @@ export const CommandPalette: React.FC = () => { value={value} className="focus:outline-none" > -
+

{item.name}

@@ -562,8 +562,8 @@ export const CommandPalette: React.FC = () => { }} className="focus:outline-none" > -
- +
+ Change state...
@@ -575,8 +575,8 @@ export const CommandPalette: React.FC = () => { }} className="focus:outline-none" > -
- +
+ Change priority...
@@ -588,8 +588,8 @@ export const CommandPalette: React.FC = () => { }} className="focus:outline-none" > -
- +
+ Assign to...
@@ -600,15 +600,15 @@ export const CommandPalette: React.FC = () => { }} className="focus:outline-none" > -
+
{issueDetails?.assignees.includes(user.id) ? ( <> - + Un-assign from me ) : ( <> - + Assign to me )} @@ -616,8 +616,8 @@ export const CommandPalette: React.FC = () => { -
- +
+ Delete issue
@@ -628,8 +628,8 @@ export const CommandPalette: React.FC = () => { }} className="focus:outline-none" > -
- +
+ Copy issue URL to clipboard
@@ -638,9 +638,9 @@ export const CommandPalette: React.FC = () => { -
+
Create new issue
@@ -654,7 +654,7 @@ export const CommandPalette: React.FC = () => { onSelect={createNewProject} className="focus:outline-none" > -
+
Create new project
@@ -670,7 +670,7 @@ export const CommandPalette: React.FC = () => { onSelect={createNewCycle} className="focus:outline-none" > -
+
Create new cycle
@@ -683,7 +683,7 @@ export const CommandPalette: React.FC = () => { onSelect={createNewModule} className="focus:outline-none" > -
+
Create new module
@@ -693,7 +693,7 @@ export const CommandPalette: React.FC = () => { -
+
Create new view
@@ -703,7 +703,7 @@ export const CommandPalette: React.FC = () => { -
+
Create new page
@@ -721,7 +721,7 @@ export const CommandPalette: React.FC = () => { } className="focus:outline-none" > -
+
Open inbox
@@ -740,7 +740,7 @@ export const CommandPalette: React.FC = () => { }} className="focus:outline-none" > -
+
Search settings...
@@ -751,8 +751,8 @@ export const CommandPalette: React.FC = () => { onSelect={createNewWorkspace} className="focus:outline-none" > -
- +
+ Create new workspace
@@ -764,8 +764,8 @@ export const CommandPalette: React.FC = () => { }} className="focus:outline-none" > -
- +
+ Change interface theme...
@@ -781,8 +781,8 @@ export const CommandPalette: React.FC = () => { }} className="focus:outline-none" > -
- +
+ Open keyboard shortcuts
@@ -793,8 +793,8 @@ export const CommandPalette: React.FC = () => { }} className="focus:outline-none" > -
- +
+ Open Plane documentation
@@ -805,7 +805,7 @@ export const CommandPalette: React.FC = () => { }} className="focus:outline-none" > -
+
Join our Discord
@@ -820,7 +820,7 @@ export const CommandPalette: React.FC = () => { }} className="focus:outline-none" > -
+
Report a bug
@@ -832,8 +832,8 @@ export const CommandPalette: React.FC = () => { }} className="focus:outline-none" > -
- +
+ Chat with us
@@ -847,8 +847,8 @@ export const CommandPalette: React.FC = () => { onSelect={() => redirect(`/${workspaceSlug}/settings`)} className="focus:outline-none" > -
- +
+ General
@@ -856,8 +856,8 @@ export const CommandPalette: React.FC = () => { onSelect={() => redirect(`/${workspaceSlug}/settings/members`)} className="focus:outline-none" > -
- +
+ Members
@@ -865,8 +865,8 @@ export const CommandPalette: React.FC = () => { onSelect={() => redirect(`/${workspaceSlug}/settings/billing`)} className="focus:outline-none" > -
- +
+ Billing and Plans
@@ -874,8 +874,8 @@ export const CommandPalette: React.FC = () => { onSelect={() => redirect(`/${workspaceSlug}/settings/integrations`)} className="focus:outline-none" > -
- +
+ Integrations
@@ -883,8 +883,8 @@ export const CommandPalette: React.FC = () => { onSelect={() => redirect(`/${workspaceSlug}/settings/import-export`)} className="focus:outline-none" > -
- +
+ Import/Export
diff --git a/apps/app/components/command-palette/shortcuts-modal.tsx b/apps/app/components/command-palette/shortcuts-modal.tsx index 8f946f5ea..339d3695e 100644 --- a/apps/app/components/command-palette/shortcuts-modal.tsx +++ b/apps/app/components/command-palette/shortcuts-modal.tsx @@ -85,29 +85,29 @@ export const ShortcutsModal: React.FC = ({ isOpen, setIsOpen }) => { leaveFrom="opacity-100 translate-y-0 sm:scale-100" leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" > - -
+ +
Keyboard Shortcuts
-
- +
+ = ({ isOpen, setIsOpen }) => {
-

+

{shortcut.description}

{shortcut.keys.split(",").map((key, index) => ( {key === "Ctrl" ? ( - - + + ) : key === "Ctrl" ? ( - - + + ) : ( - + {key} )} @@ -151,7 +151,7 @@ export const ShortcutsModal: React.FC = ({ isOpen, setIsOpen }) => { )) ) : (
-

+

No shortcuts found for{" "} {`"`} @@ -168,20 +168,20 @@ export const ShortcutsModal: React.FC = ({ isOpen, setIsOpen }) => {

{shortcuts.map(({ keys, description }, index) => (
-

{description}

+

{description}

{keys.split(",").map((key, index) => ( {key === "Ctrl" ? ( - - + + ) : key === "Ctrl" ? ( - - + + ) : ( - + {key} )} diff --git a/apps/app/components/core/board-view/all-boards.tsx b/apps/app/components/core/board-view/all-boards.tsx index 711fb7336..7b5d1e527 100644 --- a/apps/app/components/core/board-view/all-boards.tsx +++ b/apps/app/components/core/board-view/all-boards.tsx @@ -85,7 +85,7 @@ export const AllBoards: React.FC = ({ return (
{currentState && @@ -96,7 +96,7 @@ export const AllBoards: React.FC = ({ : addSpaceIfCamelCase(singleGroup)}
- 0 + 0
); })} diff --git a/apps/app/components/core/board-view/board-header.tsx b/apps/app/components/core/board-view/board-header.tsx index 880a6b56b..38cb8fa87 100644 --- a/apps/app/components/core/board-view/board-header.tsx +++ b/apps/app/components/core/board-view/board-header.tsx @@ -113,7 +113,7 @@ export const BoardHeader: React.FC = ({ return (
@@ -134,7 +134,7 @@ export const BoardHeader: React.FC = ({ {groupedByIssues?.[groupTitle].length ?? 0} @@ -144,7 +144,7 @@ export const BoardHeader: React.FC = ({
))}
-
+
{MONTHS_LIST.map((month) => (
diff --git a/apps/app/components/core/calendar-view/single-issue.tsx b/apps/app/components/core/calendar-view/single-issue.tsx index 31cbf139c..7c5c89afa 100644 --- a/apps/app/components/core/calendar-view/single-issue.tsx +++ b/apps/app/components/core/calendar-view/single-issue.tsx @@ -163,8 +163,8 @@ export const SingleCalendarIssue: React.FC = ({ ref={provided.innerRef} {...provided.draggableProps} {...provided.dragHandleProps} - className={`w-full relative cursor-pointer rounded border border-brand-base px-1.5 py-1.5 text-xs duration-300 hover:cursor-move hover:bg-brand-surface-2 ${ - snapshot.isDragging ? "bg-brand-surface-2 shadow-lg" : "" + className={`w-full relative cursor-pointer rounded border border-custom-border-100 px-1.5 py-1.5 text-xs duration-300 hover:cursor-move hover:bg-custom-background-80 ${ + snapshot.isDragging ? "bg-custom-background-80 shadow-lg" : "" }`} >
@@ -199,13 +199,13 @@ export const SingleCalendarIssue: React.FC = ({ tooltipHeading="Issue ID" tooltipContent={`${issue.project_detail?.identifier}-${issue.sequence_id}`} > - + {issue.project_detail?.identifier}-{issue.sequence_id} )} - {truncateText(issue.name, 25)} + {truncateText(issue.name, 25)} @@ -267,9 +267,9 @@ export const SingleCalendarIssue: React.FC = ({ /> )} {properties.sub_issue_count && ( -
+
-
+
{issue.sub_issues_count}
@@ -277,9 +277,9 @@ export const SingleCalendarIssue: React.FC = ({
)} {properties.link && ( -
+
-
+
{issue.link_count}
@@ -287,9 +287,9 @@ export const SingleCalendarIssue: React.FC = ({
)} {properties.attachment_count && ( -
+
-
+
{issue.attachment_count}
diff --git a/apps/app/components/core/feeds.tsx b/apps/app/components/core/feeds.tsx index d00804ec8..bc915d294 100644 --- a/apps/app/components/core/feeds.tsx +++ b/apps/app/components/core/feeds.tsx @@ -55,55 +55,55 @@ const activityDetails: { }, modules: { message: "set the module to", - icon:
)} - + @@ -234,7 +234,7 @@ export const Feeds: React.FC = ({ activities }) => ( {activity.actor_detail.first_name} {activity.actor_detail.is_bot ? "Bot" : " " + activity.actor_detail.last_name}
-

+

Commented {timeAgo(activity.created_at)}

@@ -247,7 +247,7 @@ export const Feeds: React.FC = ({ activities }) => ( } editable={false} noBorder - customClassName="text-xs border border-brand-base bg-brand-base" + customClassName="text-xs border border-custom-border-100 bg-custom-background-100" />
@@ -262,7 +262,7 @@ export const Feeds: React.FC = ({ activities }) => (
{activities.length > 1 && activityIdx !== activities.length - 1 ? (
-
+
{activity.field ? ( activityDetails[activity.field as keyof typeof activityDetails]?.icon ) : activity.actor_detail.avatar && @@ -295,7 +295,7 @@ export const Feeds: React.FC = ({ activities }) => (
-
+
{activity.actor_detail.first_name} {activity.actor_detail.is_bot @@ -303,7 +303,7 @@ export const Feeds: React.FC = ({ activities }) => ( : " " + activity.actor_detail.last_name} {action} - {value} + {value} {timeAgo(activity.created_at)}
diff --git a/apps/app/components/core/filters/due-date-filter-modal.tsx b/apps/app/components/core/filters/due-date-filter-modal.tsx index 6c6bc4ec6..e3a24a7b1 100644 --- a/apps/app/components/core/filters/due-date-filter-modal.tsx +++ b/apps/app/components/core/filters/due-date-filter-modal.tsx @@ -96,7 +96,7 @@ export const DueDateFilterModal: React.FC = ({ isOpen, handleClose }) => leaveFrom="opacity-100" leaveTo="opacity-0" > -
+
@@ -109,7 +109,7 @@ export const DueDateFilterModal: React.FC = ({ isOpen, handleClose }) => leaveFrom="opacity-100 translate-y-0 sm:scale-100" leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" > - +
= ({ isOpen, handleClose }) =>
{watch("filterType") === "range" && (
- After: + After: {renderShortDateWithYearFormat(watch("date1"))} - Before: + Before: {!isInvalid && {renderShortDateWithYearFormat(watch("date2"))}}
)} diff --git a/apps/app/components/core/filters/filters-list.tsx b/apps/app/components/core/filters/filters-list.tsx index 7254f8072..2e895e5e4 100644 --- a/apps/app/components/core/filters/filters-list.tsx +++ b/apps/app/components/core/filters/filters-list.tsx @@ -58,9 +58,9 @@ export const FilterList: React.FC = ({ filters, setFilters }) => { return (
- + {key === "target_date" ? "Due Date" : replaceUnderscoreIfSnakeCase(key)}: {filters[key as keyof IIssueFilterOptions] === null || @@ -132,7 +132,7 @@ export const FilterList: React.FC = ({ filters, setFilters }) => { ? "bg-yellow-500/20 text-yellow-500" : priority === "low" ? "bg-green-500/20 text-green-500" - : "bg-brand-surface-1 text-brand-secondary" + : "bg-custom-background-90 text-custom-text-200" }`} > {getPriorityIcon(priority)} @@ -171,7 +171,7 @@ export const FilterList: React.FC = ({ filters, setFilters }) => { return (
{member?.first_name} @@ -212,7 +212,7 @@ export const FilterList: React.FC = ({ filters, setFilters }) => { return (
{member?.first_name} @@ -310,7 +310,7 @@ export const FilterList: React.FC = ({ filters, setFilters }) => { return (
@@ -381,7 +381,7 @@ export const FilterList: React.FC = ({ filters, setFilters }) => { target_date: null, }) } - className="flex items-center gap-x-1 rounded-full border border-brand-base bg-brand-surface-2 px-3 py-1.5 text-xs" + className="flex items-center gap-x-1 rounded-full border border-custom-border-100 bg-custom-background-80 px-3 py-1.5 text-xs" > Clear all filters diff --git a/apps/app/components/core/filters/issues-view-filter.tsx b/apps/app/components/core/filters/issues-view-filter.tsx index 67b2423ec..2958b966d 100644 --- a/apps/app/components/core/filters/issues-view-filter.tsx +++ b/apps/app/components/core/filters/issues-view-filter.tsx @@ -58,48 +58,48 @@ export const IssuesFilterView: React.FC = () => {
@@ -146,8 +146,10 @@ export const IssuesFilterView: React.FC = () => { {({ open }) => ( <> View @@ -163,13 +165,13 @@ export const IssuesFilterView: React.FC = () => { leaveFrom="opacity-100 translate-y-0" leaveTo="opacity-0 translate-y-1" > - -
+ +
{issueView !== "calendar" && issueView !== "spreadsheet" && ( <>
-

Group by

+

Group by

option.key === groupByProperty) @@ -190,7 +192,7 @@ export const IssuesFilterView: React.FC = () => {
-

Order by

+

Order by

option.key === orderBy)?.name ?? @@ -215,7 +217,7 @@ export const IssuesFilterView: React.FC = () => { )}
-

Issue type

+

Issue type

option.key === filters.type) @@ -241,7 +243,7 @@ export const IssuesFilterView: React.FC = () => { {issueView !== "calendar" && issueView !== "spreadsheet" && ( <>
-

Show empty states

+

Show empty states

setShowEmptyGroups(!showEmptyGroups)} @@ -253,7 +255,7 @@ export const IssuesFilterView: React.FC = () => {
-

Display Properties

+

Display Properties

{Object.keys(properties).map((key) => { if (key === "estimate" && !isEstimateActive) return null; @@ -289,8 +291,8 @@ export const IssuesFilterView: React.FC = () => { type="button" className={`rounded border px-2 py-1 text-xs capitalize ${ properties[key as keyof Properties] - ? "border-brand-accent bg-brand-accent text-white" - : "border-brand-base" + ? "border-custom-primary bg-custom-primary text-white" + : "border-custom-border-100" }`} onClick={() => setProperties(key as keyof Properties)} > diff --git a/apps/app/components/core/image-picker-popover.tsx b/apps/app/components/core/image-picker-popover.tsx index 380c6f356..0bc64142d 100644 --- a/apps/app/components/core/image-picker-popover.tsx +++ b/apps/app/components/core/image-picker-popover.tsx @@ -62,7 +62,7 @@ export const ImagePickerPopover: React.FC = ({ label, value, onChange }) return ( setIsOpen((prev) => !prev)} > {label} @@ -76,16 +76,16 @@ export const ImagePickerPopover: React.FC = ({ label, value, onChange }) leaveFrom="transform opacity-100 scale-100" leaveTo="transform opacity-0 scale-95" > - -
+ +
- + {tabOptions.map((tab) => ( `rounded py-1 px-4 text-center text-sm outline-none transition-colors ${ - selected ? "bg-brand-accent text-white" : "text-brand-base" + selected ? "bg-custom-primary text-white" : "text-custom-text-100" }` } > diff --git a/apps/app/components/core/issues-view.tsx b/apps/app/components/core/issues-view.tsx index 7a8c8960f..39135480f 100644 --- a/apps/app/components/core/issues-view.tsx +++ b/apps/app/components/core/issues-view.tsx @@ -495,7 +495,7 @@ export const IssuesView: React.FC = ({ {viewId ? "Update" : "Save"} view
- {
} + {
} )} @@ -505,7 +505,7 @@ export const IssuesView: React.FC = ({
= ({ title="Create a new issue" description={ - Use 
C
{" "} + Use 
C
{" "} shortcut to create a new issue } diff --git a/apps/app/components/core/list-view/single-issue.tsx b/apps/app/components/core/list-view/single-issue.tsx index 774fbb02d..686151243 100644 --- a/apps/app/components/core/list-view/single-issue.tsx +++ b/apps/app/components/core/list-view/single-issue.tsx @@ -218,7 +218,7 @@ export const SingleListIssue: React.FC = ({
{ e.preventDefault(); setContextMenu(true); @@ -233,13 +233,13 @@ export const SingleListIssue: React.FC = ({ tooltipHeading="Issue ID" tooltipContent={`${issue.project_detail?.identifier}-${issue.sequence_id}`} > - + {issue.project_detail?.identifier}-{issue.sequence_id} )} - + {truncateText(issue.name, 50)} @@ -302,9 +302,9 @@ export const SingleListIssue: React.FC = ({ /> )} {properties.sub_issue_count && ( -
+
-
+
{issue.sub_issues_count}
@@ -312,9 +312,9 @@ export const SingleListIssue: React.FC = ({
)} {properties.link && ( -
+
-
+
{issue.link_count}
@@ -322,9 +322,9 @@ export const SingleListIssue: React.FC = ({
)} {properties.attachment_count && ( -
+
-
+
{issue.attachment_count}
diff --git a/apps/app/components/core/list-view/single-list.tsx b/apps/app/components/core/list-view/single-list.tsx index b76f3ad8a..4ea1be2f3 100644 --- a/apps/app/components/core/list-view/single-list.tsx +++ b/apps/app/components/core/list-view/single-list.tsx @@ -141,20 +141,20 @@ export const SingleList: React.FC = ({ {({ open }) => (
-
+
{selectedGroup !== null && (
{getGroupIcon()}
)} {selectedGroup !== null ? ( -

+

{getGroupTitle()}

) : (

All Issues

)} - + {groupedByIssues[groupTitle as keyof IIssue].length}
@@ -162,7 +162,7 @@ export const SingleList: React.FC = ({ {type === "issue" ? (
))}
) : ( -
+
No issues selected
)} @@ -208,9 +208,9 @@ export const ExistingIssuesListModal: React.FC = ({ {debouncedSearchTerm !== "" && ( -
+
Search results for{" "} - + {'"'} {debouncedSearchTerm} {'"'} @@ -225,9 +225,9 @@ export const ExistingIssuesListModal: React.FC = ({ debouncedSearchTerm !== "" && (
-

+

No issues found. Create a new issue with{" "} - 
+                            
                               C
                             

                             .
@@ -243,7 +243,9 @@ export const ExistingIssuesListModal: React.FC = ({
                         
                       
                     ) : (
-

-

+

{cycle.description}

@@ -235,7 +235,7 @@ export const SingleCycleList: React.FC = ({ {cycleStatus !== "draft" && ( -
+
{renderShortDateWithYearFormat(startDate)} @@ -248,7 +248,7 @@ export const SingleCycleList: React.FC = ({
)} -
+
{cycle.owned_by.avatar && cycle.owned_by.avatar !== "" ? ( = ({ alt={cycle.owned_by.first_name} /> ) : ( - + {cycle.owned_by.first_name.charAt(0)} )} @@ -336,7 +336,7 @@ export const SingleCycleList: React.FC = ({ handleAddToFavorites(); }} > - + )}
diff --git a/apps/app/components/cycles/transfer-issues-modal.tsx b/apps/app/components/cycles/transfer-issues-modal.tsx index 6eea69342..fe71d82a2 100644 --- a/apps/app/components/cycles/transfer-issues-modal.tsx +++ b/apps/app/components/cycles/transfer-issues-modal.tsx @@ -108,21 +108,21 @@ export const TransferIssuesModal: React.FC = ({ isOpen, handleClose }) => leaveFrom="opacity-100 translate-y-0 sm:scale-100" leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" > - +
-

Transfer Issues

+

Transfer Issues

-
- +
+ setQuery(e.target.value)} value={query} @@ -134,7 +134,7 @@ export const TransferIssuesModal: React.FC = ({ isOpen, handleClose }) => filteredOptions.map((option: ICycle) => (
) ) : ( -

Loading...

+

Loading...

)}
diff --git a/apps/app/components/cycles/transfer-issues.tsx b/apps/app/components/cycles/transfer-issues.tsx index 5febdffcc..a49c7665f 100644 --- a/apps/app/components/cycles/transfer-issues.tsx +++ b/apps/app/components/cycles/transfer-issues.tsx @@ -38,8 +38,8 @@ export const TransferIssues: React.FC = ({ handleClick }) => { : 0; return (
-
- +
+ Completed cycles are not editable.
diff --git a/apps/app/components/emoji-icon-picker/index.tsx b/apps/app/components/emoji-icon-picker/index.tsx index fecba1c15..ff9a40d40 100644 --- a/apps/app/components/emoji-icon-picker/index.tsx +++ b/apps/app/components/emoji-icon-picker/index.tsx @@ -30,7 +30,7 @@ const EmojiIconPicker: React.FC = ({ label, value, onChange, onIconColorC const [isOpen, setIsOpen] = useState(false); const [openColorPicker, setOpenColorPicker] = useState(false); - const [activeColor, setActiveColor] = useState("#858e96"); + const [activeColor, setActiveColor] = useState("rgb(var(--color-text-200))"); const [recentEmojis, setRecentEmojis] = useState([]); @@ -49,7 +49,7 @@ const EmojiIconPicker: React.FC = ({ label, value, onChange, onIconColorC return ( setIsOpen((prev) => !prev)} > {label} @@ -63,8 +63,8 @@ const EmojiIconPicker: React.FC = ({ label, value, onChange, onIconColorC leaveFrom="transform opacity-100 scale-100" leaveTo="transform opacity-0 scale-95" > - -
+ +
{tabOptions.map((tab) => ( @@ -76,7 +76,7 @@ const EmojiIconPicker: React.FC = ({ label, value, onChange, onIconColorC setOpenColorPicker(false); }} className={`-my-1 w-1/2 border-b pb-2 text-center text-sm font-medium outline-none transition-colors ${ - selected ? "" : "border-transparent text-brand-secondary" + selected ? "" : "border-transparent text-custom-text-200" }`} > {tab.title} @@ -89,7 +89,7 @@ const EmojiIconPicker: React.FC = ({ label, value, onChange, onIconColorC {recentEmojis.length > 0 && (
-

Recent

+

Recent

{recentEmojis.map((emoji) => (
)} -
+
{emojis.map((emoji) => ( @@ -173,7 +173,7 @@ const EmojiIconPicker: React.FC = ({ label, value, onChange, onIconColorC />
-
+
{icons.material_rounded.map((icon, index) => (
-

+

{estimate.description}

@@ -114,11 +114,11 @@ export const SingleEstimate: React.FC = ({
{estimate.points.length > 0 ? ( -
+
Estimate points ( {orderArrayBy(estimate.points, "key").map((point, index) => ( -
+
{point.value} {index !== estimate.points.length - 1 && ","}{" "}
@@ -128,7 +128,7 @@ export const SingleEstimate: React.FC = ({
) : (
-

No estimate points

+

No estimate points

)}
diff --git a/apps/app/components/gantt-chart/blocks/index.tsx b/apps/app/components/gantt-chart/blocks/index.tsx index 31e7839cc..7e3f9972d 100644 --- a/apps/app/components/gantt-chart/blocks/index.tsx +++ b/apps/app/components/gantt-chart/blocks/index.tsx @@ -38,13 +38,13 @@ export const GanttChartBlocks: FC<{ style={{ marginLeft: `${block?.position?.marginLeft}px` }} >
-
+
{block?.start_date ? datePreview(block?.start_date) : "-"}
-
+
{block?.target_date ? datePreview(block?.target_date) : "-"}
@@ -68,11 +68,11 @@ export const GanttChartBlocks: FC<{
{/* sidebar */} - {/*
+ {/*
{blocks && blocks.length > 0 && blocks.map((block: any, _idx: number) => ( -
+
{sidebarBlockRender(block?.data)}
))} diff --git a/apps/app/components/gantt-chart/chart/bi-week.tsx b/apps/app/components/gantt-chart/chart/bi-week.tsx index 489bc3eb6..8c46eaf6b 100644 --- a/apps/app/components/gantt-chart/chart/bi-week.tsx +++ b/apps/app/components/gantt-chart/chart/bi-week.tsx @@ -7,18 +7,18 @@ export const BiWeekChartView: FC = () => { return ( <> -
+
{renderView && renderView.length > 0 && renderView.map((_itemRoot: any, _idxRoot: any) => (
-
+
{_itemRoot?.title}
-
+
{_itemRoot.children && _itemRoot.children.length > 0 && _itemRoot.children.map((_item: any, _idx: any) => ( @@ -29,7 +29,7 @@ export const BiWeekChartView: FC = () => { >
{_item.title}
@@ -37,7 +37,7 @@ export const BiWeekChartView: FC = () => {
diff --git a/apps/app/components/gantt-chart/chart/day.tsx b/apps/app/components/gantt-chart/chart/day.tsx index 1ad1649b6..f8b3458cb 100644 --- a/apps/app/components/gantt-chart/chart/day.tsx +++ b/apps/app/components/gantt-chart/chart/day.tsx @@ -7,18 +7,18 @@ export const DayChartView: FC = () => { return ( <> -
+
{renderView && renderView.length > 0 && renderView.map((_itemRoot: any, _idxRoot: any) => (
-
+
{_itemRoot?.title}
-
+
{_itemRoot.children && _itemRoot.children.length > 0 && _itemRoot.children.map((_item: any, _idx: any) => ( @@ -29,7 +29,7 @@ export const DayChartView: FC = () => { >
{_item.title}
diff --git a/apps/app/components/gantt-chart/chart/hours.tsx b/apps/app/components/gantt-chart/chart/hours.tsx index 02b2d15b1..2ee097664 100644 --- a/apps/app/components/gantt-chart/chart/hours.tsx +++ b/apps/app/components/gantt-chart/chart/hours.tsx @@ -7,18 +7,18 @@ export const HourChartView: FC = () => { return ( <> -
+
{renderView && renderView.length > 0 && renderView.map((_itemRoot: any, _idxRoot: any) => (
-
+
{_itemRoot?.title}
-
+
{_itemRoot.children && _itemRoot.children.length > 0 && _itemRoot.children.map((_item: any, _idx: any) => ( @@ -29,7 +29,7 @@ export const HourChartView: FC = () => { >
{_item.title}
diff --git a/apps/app/components/gantt-chart/chart/index.tsx b/apps/app/components/gantt-chart/chart/index.tsx index 72d6888e2..5731abc2f 100644 --- a/apps/app/components/gantt-chart/chart/index.tsx +++ b/apps/app/components/gantt-chart/chart/index.tsx @@ -215,17 +215,19 @@ export const ChartViewRoot: FC = ({ return (
{/* chart title */} - {/*
+ {/*
{title && (
{title}
-
+
Gantt View Beta
@@ -242,7 +244,7 @@ export const ChartViewRoot: FC = ({ {/* chart header */}
{/*
setBlocksSidebarView(() => !blocksSidebarView)} > {blocksSidebarView ? ( @@ -255,7 +257,7 @@ export const ChartViewRoot: FC = ({ {title && (
{title}
-
+
Gantt View Beta
@@ -277,8 +279,10 @@ export const ChartViewRoot: FC = ({ allViews.map((_chatView: any, _idx: any) => (
handleChartView(_chatView?.key)} > @@ -289,7 +293,7 @@ export const ChartViewRoot: FC = ({
Today @@ -297,7 +301,7 @@ export const ChartViewRoot: FC = ({
setFullScreenMode(() => !fullScreenMode)} > {fullScreenMode ? ( @@ -309,7 +313,7 @@ export const ChartViewRoot: FC = ({
{/* content */} -
+
= () => { return ( <> -
+
{renderView && renderView.length > 0 && renderView.map((_itemRoot: any, _idxRoot: any) => (
-
+
{_itemRoot?.title}
-
+
{_itemRoot.children && _itemRoot.children.length > 0 && _itemRoot.children.map((_item: any, _idx: any) => ( @@ -29,7 +29,7 @@ export const MonthChartView: FC = () => { >
{_item.title}
@@ -37,7 +37,7 @@ export const MonthChartView: FC = () => {
diff --git a/apps/app/components/gantt-chart/chart/quarter.tsx b/apps/app/components/gantt-chart/chart/quarter.tsx index 57f6f4f5e..159eeaa63 100644 --- a/apps/app/components/gantt-chart/chart/quarter.tsx +++ b/apps/app/components/gantt-chart/chart/quarter.tsx @@ -7,18 +7,18 @@ export const QuarterChartView: FC = () => { return ( <> -
+
{renderView && renderView.length > 0 && renderView.map((_itemRoot: any, _idxRoot: any) => (
-
+
{_itemRoot?.title}
-
+
{_itemRoot.children && _itemRoot.children.length > 0 && _itemRoot.children.map((_item: any, _idx: any) => ( @@ -29,7 +29,7 @@ export const QuarterChartView: FC = () => { >
{_item.title}
diff --git a/apps/app/components/gantt-chart/chart/week.tsx b/apps/app/components/gantt-chart/chart/week.tsx index 695fa2aa5..da87ff811 100644 --- a/apps/app/components/gantt-chart/chart/week.tsx +++ b/apps/app/components/gantt-chart/chart/week.tsx @@ -7,18 +7,18 @@ export const WeekChartView: FC = () => { return ( <> -
+
{renderView && renderView.length > 0 && renderView.map((_itemRoot: any, _idxRoot: any) => (
-
+
{_itemRoot?.title}
-
+
{_itemRoot.children && _itemRoot.children.length > 0 && _itemRoot.children.map((_item: any, _idx: any) => ( @@ -29,7 +29,7 @@ export const WeekChartView: FC = () => { >
{_item.title}
@@ -37,7 +37,7 @@ export const WeekChartView: FC = () => {
diff --git a/apps/app/components/gantt-chart/chart/year.tsx b/apps/app/components/gantt-chart/chart/year.tsx index d06f0e025..ec4578ca4 100644 --- a/apps/app/components/gantt-chart/chart/year.tsx +++ b/apps/app/components/gantt-chart/chart/year.tsx @@ -7,18 +7,18 @@ export const YearChartView: FC = () => { return ( <> -
+
{renderView && renderView.length > 0 && renderView.map((_itemRoot: any, _idxRoot: any) => (
-
+
{_itemRoot?.title}
-
+
{_itemRoot.children && _itemRoot.children.length > 0 && _itemRoot.children.map((_item: any, _idx: any) => ( @@ -29,7 +29,7 @@ export const YearChartView: FC = () => { >
{_item.title}
diff --git a/apps/app/components/icons/alarm-clock-icon.tsx b/apps/app/components/icons/alarm-clock-icon.tsx index 598d2733c..83180496a 100644 --- a/apps/app/components/icons/alarm-clock-icon.tsx +++ b/apps/app/components/icons/alarm-clock-icon.tsx @@ -3,7 +3,7 @@ import type { Props } from "./types"; export const AlarmClockIcon: React.FC = ({ width = "24", height = "24", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "24", height = "24", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "24", height = "24", - color = "#858E96", - className + color = "rgb(var(--color-text-200))", + className, }) => ( = ({ fill="currentColor" xmlns="http://www.w3.org/2000/svg" > - + ); diff --git a/apps/app/components/icons/backlog-state-icon.tsx b/apps/app/components/icons/backlog-state-icon.tsx index 48ae09524..2c140a112 100644 --- a/apps/app/components/icons/backlog-state-icon.tsx +++ b/apps/app/components/icons/backlog-state-icon.tsx @@ -6,7 +6,7 @@ export const BacklogStateIcon: React.FC = ({ width = "20", height = "20", className, - color = "#858e96", + color = "rgb(var(--color-text-200))", }) => ( = ({ width = "24", height = "24" @@ -23,4 +23,4 @@ export const CalendarAfterIcon: React.FC = ({ width = "24", height = "24" -); \ No newline at end of file +); diff --git a/apps/app/components/icons/calendar-before-icon.tsx b/apps/app/components/icons/calendar-before-icon.tsx index f2651c084..abcbfb3e9 100644 --- a/apps/app/components/icons/calendar-before-icon.tsx +++ b/apps/app/components/icons/calendar-before-icon.tsx @@ -14,13 +14,13 @@ export const CalendarBeforeIcon: React.FC = ({ width = "24", height = "24 diff --git a/apps/app/components/icons/calendar-month-icon.tsx b/apps/app/components/icons/calendar-month-icon.tsx index dbfc43c50..cf541d4dc 100644 --- a/apps/app/components/icons/calendar-month-icon.tsx +++ b/apps/app/components/icons/calendar-month-icon.tsx @@ -13,7 +13,7 @@ export const CalendarMonthIcon: React.FC = ({ width = "24", height = "24" > ); diff --git a/apps/app/components/icons/check.tsx b/apps/app/components/icons/check.tsx index 6ab04cd43..e62e4e46a 100644 --- a/apps/app/components/icons/check.tsx +++ b/apps/app/components/icons/check.tsx @@ -5,7 +5,7 @@ import type { Props } from "./types"; export const CheckIcon: React.FC = ({ width = "24", height = "24", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "24", height = "24", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "24", height = "24", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "20", height = "20", className, - color = "#858e96", + color = "rgb(var(--color-text-200))", }) => ( = ({ width = "81", height = "80", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "24", height = "24", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "24", height = "24", className, - color = "#858E96", + color = "rgb(var(--color-text-200))", }) => ( = ({ width = "24", height = "24", clas > diff --git a/apps/app/components/icons/github-icon.tsx b/apps/app/components/icons/github-icon.tsx index 1dc7b5eea..c2bf8f491 100644 --- a/apps/app/components/icons/github-icon.tsx +++ b/apps/app/components/icons/github-icon.tsx @@ -16,7 +16,7 @@ export const GithubIcon: React.FC = ({ width = "24", height = "24", class fillRule="evenodd" clipRule="evenodd" d="M10 0C4.475 0 0 4.475 0 10C0 14.425 2.8625 18.1625 6.8375 19.4875C7.3375 19.575 7.525 19.275 7.525 19.0125C7.525 18.775 7.5125 17.9875 7.5125 17.15C5 17.6125 4.35 16.5375 4.15 15.975C4.0375 15.6875 3.55 14.8 3.125 14.5625C2.775 14.375 2.275 13.9125 3.1125 13.9C3.9 13.8875 4.4625 14.625 4.65 14.925C5.55 16.4375 6.9875 16.0125 7.5625 15.75C7.65 15.1 7.9125 14.6625 8.2 14.4125C5.975 14.1625 3.65 13.3 3.65 9.475C3.65 8.3875 4.0375 7.4875 4.675 6.7875C4.575 6.5375 4.225 5.5125 4.775 4.1375C4.775 4.1375 5.6125 3.875 7.525 5.1625C8.325 4.9375 9.175 4.825 10.025 4.825C10.875 4.825 11.725 4.9375 12.525 5.1625C14.4375 3.8625 15.275 4.1375 15.275 4.1375C15.825 5.5125 15.475 6.5375 15.375 6.7875C16.0125 7.4875 16.4 8.375 16.4 9.475C16.4 13.3125 14.0625 14.1625 11.8375 14.4125C12.2 14.725 12.5125 15.325 12.5125 16.2625C12.5125 17.6 12.5 18.675 12.5 19.0125C12.5 19.275 12.6875 19.5875 13.1875 19.4875C15.1726 18.8173 16.8976 17.5414 18.1197 15.8395C19.3418 14.1375 19.9994 12.0952 20 10C20 4.475 15.525 0 10 0Z" - fill={color ? color : "#858E96"} + fill={color ? color : "rgb(var(--color-text-200))"} /> diff --git a/apps/app/components/icons/grid-view-icons.tsx b/apps/app/components/icons/grid-view-icons.tsx index f5e81daf8..a4a3a9aec 100644 --- a/apps/app/components/icons/grid-view-icons.tsx +++ b/apps/app/components/icons/grid-view-icons.tsx @@ -5,7 +5,7 @@ import type { Props } from "./types"; export const GridViewIcon: React.FC = ({ width = "24", height = "24", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "24", height = "24", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "24", height = "24", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "24", height = "24", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "24", height = "24", className, - color = "#858E96", + color = "rgb(var(--color-text-200))", }) => ( = ({ width = "24", height = "16", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "24", height = "24", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "24", height = "24", className, - color = "#858e96", + color = "rgb(var(--color-text-200))", }) => ( = ({ width = "24", height = "24", className, - color = "#858e96", + color = "rgb(var(--color-text-200))", }) => ( = ({ width = "24", height = "24", className, - color = "#858E96", + color = "rgb(var(--color-text-200))", }) => ( = ({ width = "24", height = "24", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "20", height = "20", className, - color = "#858e96", + color = "rgb(var(--color-text-200))", }) => ( = ({ > ); diff --git a/apps/app/components/icons/users.tsx b/apps/app/components/icons/users.tsx index 9e590d8fc..ffff9fc73 100644 --- a/apps/app/components/icons/users.tsx +++ b/apps/app/components/icons/users.tsx @@ -5,7 +5,7 @@ import type { Props } from "./types"; export const UsersIcon: React.FC = ({ width = "24", height = "24", - color = "#858E96", + color = "rgb(var(--color-text-200))", className, }) => ( = ({ width = "24", height = "24", className, - color = "#858E96", + color = "rgb(var(--color-text-200))", }) => ( = ({ width = "24", height = "24", className, - color = "#858e96", + color = "rgb(var(--color-text-200))", }) => ( = ({ isOpen, handleClose, data, o leaveFrom="opacity-100" leaveTo="opacity-0" > -
+
@@ -56,7 +56,7 @@ export const AcceptIssueModal: React.FC = ({ isOpen, handleClose, data, o leaveFrom="opacity-100 translate-y-0 sm:scale-100" leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" > - +
@@ -67,9 +67,9 @@ export const AcceptIssueModal: React.FC = ({ isOpen, handleClose, data, o
-

+

Are you sure you want to accept issue{" "} - + {data?.project_detail?.identifier}-{data?.sequence_id} {""}? Once accepted, this issue will be added to the project issues list. diff --git a/apps/app/components/inbox/decline-issue-modal.tsx b/apps/app/components/inbox/decline-issue-modal.tsx index 11f1db5de..36fa0b72d 100644 --- a/apps/app/components/inbox/decline-issue-modal.tsx +++ b/apps/app/components/inbox/decline-issue-modal.tsx @@ -42,7 +42,7 @@ export const DeclineIssueModal: React.FC = ({ isOpen, handleClose, data, leaveFrom="opacity-100" leaveTo="opacity-0" > -

+
@@ -56,7 +56,7 @@ export const DeclineIssueModal: React.FC = ({ isOpen, handleClose, data, leaveFrom="opacity-100 translate-y-0 sm:scale-100" leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" > - +
@@ -70,9 +70,9 @@ export const DeclineIssueModal: React.FC = ({ isOpen, handleClose, data,
-

+

Are you sure you want to decline issue{" "} - + {data?.project_detail?.identifier}-{data?.sequence_id} {""}? This action cannot be undone. diff --git a/apps/app/components/inbox/delete-issue-modal.tsx b/apps/app/components/inbox/delete-issue-modal.tsx index f188ff1aa..8973a1395 100644 --- a/apps/app/components/inbox/delete-issue-modal.tsx +++ b/apps/app/components/inbox/delete-issue-modal.tsx @@ -97,7 +97,7 @@ export const DeleteIssueModal: React.FC = ({ isOpen, handleClose, data }) leaveFrom="opacity-100" leaveTo="opacity-0" > -

+
@@ -111,7 +111,7 @@ export const DeleteIssueModal: React.FC = ({ isOpen, handleClose, data }) leaveFrom="opacity-100 translate-y-0 sm:scale-100" leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" > - +
@@ -125,9 +125,9 @@ export const DeleteIssueModal: React.FC = ({ isOpen, handleClose, data })
-

+

Are you sure you want to delete issue{" "} - + {data?.project_detail?.identifier}-{data?.sequence_id} {""}? The issue will only be deleted from the inbox and this action cannot be diff --git a/apps/app/components/inbox/filters-dropdown.tsx b/apps/app/components/inbox/filters-dropdown.tsx index c12fcb8d2..1379b5885 100644 --- a/apps/app/components/inbox/filters-dropdown.tsx +++ b/apps/app/components/inbox/filters-dropdown.tsx @@ -72,7 +72,7 @@ export const FiltersDropdown: React.FC = () => { ]} /> {filtersLength > 0 && ( -

+
{filtersLength}
)} diff --git a/apps/app/components/inbox/filters-list.tsx b/apps/app/components/inbox/filters-list.tsx index 264b925a2..a7430872d 100644 --- a/apps/app/components/inbox/filters-list.tsx +++ b/apps/app/components/inbox/filters-list.tsx @@ -22,9 +22,9 @@ export const InboxFiltersList = () => { return (
- + {replaceUnderscoreIfSnakeCase(key)}: {filters[filterKey] === null || (filters[filterKey]?.length ?? 0) <= 0 ? ( @@ -45,7 +45,7 @@ export const InboxFiltersList = () => { ? "bg-yellow-500/20 text-yellow-500" : priority === "low" ? "bg-green-500/20 text-green-500" - : "bg-brand-surface-1 text-brand-secondary" + : "bg-custom-background-90 text-custom-text-200" }`} > {getPriorityIcon(priority)} @@ -78,7 +78,7 @@ export const InboxFiltersList = () => { {filters.inbox_status?.map((status) => (
{INBOX_STATUS.find((s) => s.value === status)?.label}
diff --git a/apps/app/components/integration/jira/give-details.tsx b/apps/app/components/integration/jira/give-details.tsx index 6a1c5b66f..3bfe159b5 100644 --- a/apps/app/components/integration/jira/give-details.tsx +++ b/apps/app/components/integration/jira/give-details.tsx @@ -31,10 +31,10 @@ export const JiraGetImportDetail: React.FC = () => {

Jira Personal Access Token

-

+

Get to know your access token by navigating to{" "} - + Atlassian Settings @@ -58,7 +58,7 @@ export const JiraGetImportDetail: React.FC = () => {

Jira Project Key

-

If XXX-123 is your issue, then enter XXX

+

If XXX-123 is your issue, then enter XXX

{

Jira Email Address

-

+

Enter the Gmail account that you use in Jira account

@@ -99,7 +99,7 @@ export const JiraGetImportDetail: React.FC = () => {

Jira Installation or Cloud Host Name

-

Enter your companies cloud host name

+

Enter your companies cloud host name

{

Import to project

-

+

Select which project you want to import to.

@@ -139,7 +139,7 @@ export const JiraGetImportDetail: React.FC = () => { {value && value !== "" ? ( projects.find((p) => p.id === value)?.name ) : ( - Select a project + Select a project )} } @@ -152,7 +152,7 @@ export const JiraGetImportDetail: React.FC = () => { )) ) : ( -
+

You don{"'"}t have any project. Please create a project first.

)} @@ -163,9 +163,9 @@ export const JiraGetImportDetail: React.FC = () => { const event = new KeyboardEvent("keydown", { key: "p" }); document.dispatchEvent(event); }} - className="flex cursor-pointer select-none items-center space-x-2 truncate rounded px-1 py-1.5 text-brand-secondary" + className="flex cursor-pointer select-none items-center space-x-2 truncate rounded px-1 py-1.5 text-custom-text-200" > - + Create new project
diff --git a/apps/app/components/integration/jira/import-users.tsx b/apps/app/components/integration/jira/import-users.tsx index 80c0c4c9b..8c7e04788 100644 --- a/apps/app/components/integration/jira/import-users.tsx +++ b/apps/app/components/integration/jira/import-users.tsx @@ -51,11 +51,11 @@ export const JiraImportUsers: FC = () => { })); return ( -
+

Users

-

+

Update, invite or choose not to invite assignee

@@ -73,8 +73,8 @@ export const JiraImportUsers: FC = () => { {watch("data.invite_users") && (
-
Name
-
Import as
+
Name
+
Import as
diff --git a/apps/app/components/integration/jira/jira-project-detail.tsx b/apps/app/components/integration/jira/jira-project-detail.tsx index 2e4061638..88803727c 100644 --- a/apps/app/components/integration/jira/jira-project-detail.tsx +++ b/apps/app/components/integration/jira/jira-project-detail.tsx @@ -102,12 +102,12 @@ export const JiraProjectDetail: React.FC = (props) => { if (error) { return (
-

+

Something went wrong. Please{" "} {" "} @@ -122,28 +122,28 @@ export const JiraProjectDetail: React.FC = (props) => {

Import Data

-

Import Completed. We have found:

+

Import Completed. We have found:

{projectInfo?.issues}

-

Issues

+

Issues

{projectInfo?.states}

-

States

+

States

{projectInfo?.modules}

-

Modules

+

Modules

{projectInfo?.labels}

-

Labels

+

Labels

{projectInfo?.users?.length}

-

Users

+

Users

@@ -151,7 +151,7 @@ export const JiraProjectDetail: React.FC = (props) => {

Import Epics

-

Import epics as modules

+

Import epics as modules

= ({ user }) => { return (
-
+
@@ -118,7 +118,7 @@ export const JiraImporterRoot: React.FC = ({ user }) => {
-
+
jira logo @@ -135,14 +135,14 @@ export const JiraImporterRoot: React.FC = ({ user }) => { index > activeIntegrationState() + 1 || Boolean(index === activeIntegrationState() + 1 && disableTopBarAfter) } - className={`flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border border-brand-base ${ + className={`flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border border-custom-border-100 ${ index <= activeIntegrationState() - ? `border-brand-accent bg-brand-accent ${ + ? `border-custom-primary bg-custom-primary ${ index === activeIntegrationState() ? "border-opacity-100 bg-opacity-100" : "border-opacity-80 bg-opacity-80" }` - : "border-brand-base" + : "border-custom-border-100" }`} > = ({ user }) => { key={index} className={`border-b px-7 ${ index <= activeIntegrationState() - 1 - ? `border-brand-accent` - : `border-brand-base` + ? `border-custom-primary` + : `border-custom-border-100` }`} > {" "} @@ -183,7 +183,7 @@ export const JiraImporterRoot: React.FC = ({ user }) => { {currentStep?.state === "import-confirmation" && }
-
+
{currentStep?.state !== "import-configure" && ( { diff --git a/apps/app/components/integration/single-import.tsx b/apps/app/components/integration/single-import.tsx index fa3fd45f6..56ee0adf8 100644 --- a/apps/app/components/integration/single-import.tsx +++ b/apps/app/components/integration/single-import.tsx @@ -40,7 +40,7 @@ export const SingleImport: React.FC = ({ service, refreshing, handleDelet {refreshing ? "Refreshing..." : service.status} -
+
{renderShortDateWithYearFormat(service.created_at)}| Imported by{" "} diff --git a/apps/app/components/integration/single-integration-card.tsx b/apps/app/components/integration/single-integration-card.tsx index f6ae65b12..8d1d480f0 100644 --- a/apps/app/components/integration/single-integration-card.tsx +++ b/apps/app/components/integration/single-integration-card.tsx @@ -99,7 +99,7 @@ export const SingleIntegrationCard: React.FC = ({ integration }) => { ); return ( -
+
= ({ integration }) => { Installed ) : ( - - Not - Installed + + {" "} + Not Installed ) ) : null} -

+

{workspaceIntegrations ? isInstalled ? integrationDetails[integration.provider].installed diff --git a/apps/app/components/issues/activity.tsx b/apps/app/components/issues/activity.tsx index e30f00b0b..baa860660 100644 --- a/apps/app/components/issues/activity.tsx +++ b/apps/app/components/issues/activity.tsx @@ -61,54 +61,54 @@ const activityDetails: { }, estimate_point: { message: "set the estimate point to", - icon:

{issueActivities.length > 1 && activityItemIdx !== issueActivities.length - 1 ? (