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 e1b7aea9884..ba8c759af43 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 8a0dc3a339c..97da2b9e459 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 d997b3a3de0..889d464059d 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 afaaf1b986e..22e728089e4 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 f46b7f2b230..4d6a2bdbeb8 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 7286a9cf870..8c2b822e5b8 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 df3953b350d..54a73186e91 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 4a454b564c7..bb062702587 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 72b892eebdb..daad1a9d96d 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 d5bf10bc297..cfc315ac18c 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 b0a422ed4ec..1247fa824a9 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 9a1f7bdc369..c1e0e95fa05 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 0cc88aa3b69..5d625bd02d0 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 ef6a2fe51d2..e125d8401c6 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 d76e56b61e7..f0917a6406e 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 06ae1c24099..85477363290 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 12bb3d850ff..ee63b58831f 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 6e2c8578540..893d6fde10d 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 f4bcd7483cb..b2b43c6704d 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 32634f18c34..244265ff590 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 8f946f5ea7e..339d3695e30 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 711fb7336af..7b5d1e52755 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 880a6b56b3c..38cb8fa8784 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 31cbf139cef..7c5c89afaf2 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 d00804ec84d..bc915d2944e 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 6c6bc4ec6e2..e3a24a7b1c0 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 7254f80728a..2e895e5e47d 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 67b2423ec8b..2958b966db3 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 380c6f35608..0bc64142dde 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 7a8c8960fe1..39135480f76 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 774fbb02d17..686151243c6 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 b76f3ad8aab..4ea1be2f3df 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 6eea69342ce..fe71d82a2ef 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 5febdffcc99..a49c7665f83 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 fecba1c1548..ff9a40d4078 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 31e7839cc9e..7e3f9972d68 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 489bc3eb6f2..8c46eaf6b00 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 1ad1649b6da..f8b3458cb01 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 02b2d15b1a6..2ee097664bb 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 72d6888e235..5731abc2fa5 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 57f6f4f5e9b..159eeaa63a3 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 695fa2aa57f..da87ff8111f 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 d06f0e0255e..ec4578ca425 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 598d2733cc7..83180496a34 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 48ae09524a9..2c140a1122f 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 f2651c0847f..abcbfb3e966 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 dbfc43c50b0..cf541d4dcb4 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 6ab04cd43db..e62e4e46a76 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 1dc7b5eea26..c2bf8f491ab 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 f5e81daf8a5..a4a3a9aec35 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 9e590d8fc9a..ffff9fc7339 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 11f1db5de0a..36fa0b72d09 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 f188ff1aa31..8973a1395e8 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 c12fcb8d24c..1379b5885ab 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 264b925a2d4..a7430872d44 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 6a1c5b66f25..3bfe159b5c2 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 80c0c4c9bcc..8c7e0478831 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 2e406163842..88803727cf4 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 fa3fd45f6e9..56ee0adf80e 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 f6ae65b1273..8d1d480f09a 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 e30f00b0b17..baa86066092 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 ? (