From 244f94e02871ea0c007a9d830a81b577975614ce Mon Sep 17 00:00:00 2001 From: anmolsinghbhatia Date: Tue, 1 Sep 2026 18:21:00 +0530 Subject: [PATCH 1/2] refactor: migrate web icons to @makeplane/propel Replace confirmed icon symbols across apps/web with their audited @makeplane/propel/icons targets. Unresolved symbols and the State, Priority and Brand icons stay on their existing imports. Lucide size props become explicit width/height, including the two relation icons and the inbox status icon that forward a size variable. Two aliased imports resolve to targets the file already imported, so the aliases are dropped rather than importing the same symbol twice. Widen the member dropdown chain and the AI menu from LucideIcon to ComponentType> so both Lucide and Propel icons satisfy them; both only ever render the icon with a className. CycleGroupIcon is deliberately not migrated: it dispatches a different glyph and color per cycle status, which CyclesOutline cannot express. apps/web already declared @makeplane/propel, so no dependency change was needed. --- .../(projects)/active-cycles/header.tsx | 4 +- .../(projects)/analytics/[tabId]/header.tsx | 4 +- .../browse/[workItem]/work-item-header.tsx | 4 +- .../(projects)/drafts/header.tsx | 4 +- .../(projects)/extended-project-sidebar.tsx | 6 +- .../[workspaceSlug]/(projects)/header.tsx | 7 +- .../(projects)/profile/[userId]/header.tsx | 9 +- .../profile/[userId]/mobile-header.tsx | 6 +- .../(detail)/[projectId]/archives/header.tsx | 10 +- .../(detail)/[archivedIssueId]/page.tsx | 4 +- .../archives/issues/(detail)/header.tsx | 6 +- .../[projectId]/cycles/(detail)/header.tsx | 15 +-- .../cycles/(detail)/mobile-header.tsx | 10 +- .../[projectId]/cycles/(list)/header.tsx | 4 +- .../cycles/(list)/mobile-header.tsx | 10 +- .../issues/(list)/mobile-header.tsx | 4 +- .../[projectId]/modules/(detail)/header.tsx | 15 +-- .../modules/(detail)/mobile-header.tsx | 10 +- .../[projectId]/modules/(list)/header.tsx | 4 +- .../modules/(list)/mobile-header.tsx | 4 +- .../[projectId]/pages/(detail)/header.tsx | 8 +- .../[projectId]/pages/(list)/header.tsx | 4 +- .../views/(detail)/[viewId]/header.tsx | 10 +- .../[projectId]/views/(list)/header.tsx | 4 +- .../views/(list)/mobile-header.tsx | 7 +- .../(projects)/stickies/header.tsx | 4 +- .../(projects)/workspace-views/header.tsx | 12 +- .../(projects)/workspace-views/page.tsx | 4 +- .../settings/(workspace)/members/page.tsx | 4 +- apps/web/app/(all)/invitations/page.tsx | 4 +- .../app/(all)/workspace-invitations/page.tsx | 24 ++-- apps/web/app/error/dev.tsx | 15 +-- .../account/auth-forms/auth-banner.tsx | 7 +- .../components/account/auth-forms/email.tsx | 6 +- .../auth-forms/forgot-password-popover.tsx | 4 +- .../account/auth-forms/forgot-password.tsx | 4 +- .../account/auth-forms/password.tsx | 17 ++- .../account/auth-forms/reset-password.tsx | 10 +- .../account/auth-forms/set-password.tsx | 10 +- .../account/auth-forms/unique-code.tsx | 6 +- .../account/deactivate-account-modal.tsx | 4 +- .../workspace-active-cycles-upgrade.tsx | 12 +- .../analytics/insight-table/data-table.tsx | 8 +- .../analytics/insight-table/root.tsx | 4 +- .../overview/active-project-item.tsx | 4 +- .../analytics/select/analytics-params.tsx | 7 +- .../components/analytics/select/duration.tsx | 4 +- .../components/analytics/select/project.tsx | 8 +- .../analytics/select/select-y-axis.tsx | 4 +- .../analytics/work-items/modal/header.tsx | 11 +- .../analytics/work-items/priority-chart.tsx | 4 +- .../work-items/workitems-insight-table.tsx | 7 +- .../core/components/api-token/modal/form.tsx | 6 +- .../modal/generated-token-details.tsx | 4 +- .../components/api-token/token-list-item.tsx | 4 +- .../automation/auto-archive-automation.tsx | 4 +- .../automation/auto-close-automation.tsx | 8 +- .../core/components/base-layouts/constants.ts | 8 +- .../core/components/breadcrumbs/project.tsx | 4 +- .../core/components/comments/card/display.tsx | 6 +- .../components/comments/card/edit-form.tsx | 6 +- .../components/comments/comment-block.tsx | 4 +- .../components/comments/quick-actions.tsx | 20 ++- .../common/activity/activity-block.tsx | 4 +- .../components/common/activity/helper.tsx | 122 +++++++++--------- .../common/applied-filters/date.tsx | 4 +- .../common/applied-filters/members.tsx | 4 +- .../common/latest-feature-block.tsx | 4 +- .../common/layout-error-boundary.tsx | 4 +- .../components/common/page-access-icon.tsx | 9 +- .../common/quick-actions-factory.tsx | 26 ++-- apps/web/core/components/core/activity.tsx | 77 ++++++----- .../core/description-versions/dropdown.tsx | 4 +- .../core/description-versions/modal.tsx | 8 +- .../core/filters/date-filter-modal.tsx | 4 +- .../core/filters/date-filter-select.tsx | 4 +- .../core/modals/bulk-delete-issues-modal.tsx | 4 +- .../modals/existing-issues-list-modal.tsx | 9 +- .../core/modals/gpt-assistant-popover.tsx | 4 +- .../core/modals/user-image-upload-modal.tsx | 4 +- .../modals/workspace-image-upload-modal.tsx | 4 +- .../sidebar/sidebar-menu-hamburger-toggle.tsx | 4 +- .../cycles/active-cycle/cycle-stats.tsx | 4 +- .../analytics-sidebar/issue-progress.tsx | 6 +- .../analytics-sidebar/sidebar-details.tsx | 11 +- .../analytics-sidebar/sidebar-header.tsx | 4 +- .../cycles/applied-filters/date.tsx | 4 +- .../cycles/applied-filters/root.tsx | 6 +- .../cycles/applied-filters/status.tsx | 4 +- .../cycles/archived-cycles/header.tsx | 11 +- .../components/cycles/cycles-view-header.tsx | 11 +- .../cycles/dropdowns/filters/root.tsx | 6 +- .../cycles/list/cycle-list-group-header.tsx | 5 +- .../cycles/list/cycle-list-item-action.tsx | 19 ++- .../list/cycle-list-project-group-header.tsx | 4 +- .../cycles/list/cycles-list-item.tsx | 4 +- .../core/components/cycles/quick-actions.tsx | 4 +- .../cycles/transfer-issues-modal.tsx | 19 ++- .../components/cycles/transfer-issues.tsx | 13 +- .../dropdowns/cycle/cycle-options.tsx | 9 +- .../core/components/dropdowns/cycle/index.tsx | 6 +- .../core/components/dropdowns/date-range.tsx | 17 ++- apps/web/core/components/dropdowns/date.tsx | 7 +- .../core/components/dropdowns/estimate.tsx | 16 +-- .../dropdowns/intake-state/base.tsx | 10 +- apps/web/core/components/dropdowns/layout.tsx | 4 +- .../components/dropdowns/member/avatar.tsx | 8 +- .../core/components/dropdowns/member/base.tsx | 8 +- .../components/dropdowns/member/dropdown.tsx | 4 +- .../dropdowns/member/member-options.tsx | 8 +- .../dropdowns/module/button-content.tsx | 16 +-- .../dropdowns/module/module-options.tsx | 10 +- .../core/components/dropdowns/priority.tsx | 13 +- .../components/dropdowns/project/base.tsx | 10 +- .../core/components/dropdowns/state/base.tsx | 10 +- .../editor/lite-text/lite-toolbar.tsx | 6 +- .../components/editor/lite-text/toolbar.tsx | 6 +- .../editor/sticky-editor/toolbar.tsx | 7 +- .../components/estimates/create/modal.tsx | 4 +- .../components/estimates/create/stage-one.tsx | 4 +- .../estimates/estimate-list-item-buttons.tsx | 4 +- .../estimates/points/create-root.tsx | 4 +- .../components/estimates/points/create.tsx | 9 +- .../components/estimates/points/preview.tsx | 9 +- .../components/estimates/points/update.tsx | 9 +- apps/web/core/components/exporter/column.tsx | 10 +- .../core/components/exporter/prev-exports.tsx | 8 +- .../gantt-chart/blocks/block-row.tsx | 4 +- .../components/gantt-chart/chart/header.tsx | 4 +- .../gantt-chart/helpers/add-block.tsx | 4 +- .../home/widgets/empty-states/no-projects.tsx | 13 +- .../components/home/widgets/links/action.tsx | 4 +- .../home/widgets/links/link-detail.tsx | 10 +- .../components/home/widgets/links/root.tsx | 4 +- .../home/widgets/recents/filters.tsx | 4 +- .../components/home/widgets/recents/index.tsx | 8 +- .../components/home/widgets/recents/issue.tsx | 5 +- .../components/home/widgets/recents/page.tsx | 4 +- .../components/icons/locked-component.tsx | 4 +- .../inbox/content/inbox-issue-header.tsx | 49 +++---- .../content/inbox-issue-mobile-header.tsx | 48 +++---- .../inbox/content/issue-properties.tsx | 26 ++-- .../inbox-filter/applied-filters/date.tsx | 6 +- .../inbox-filter/applied-filters/label.tsx | 6 +- .../inbox-filter/applied-filters/member.tsx | 6 +- .../inbox-filter/applied-filters/priority.tsx | 7 +- .../inbox-filter/applied-filters/state.tsx | 7 +- .../inbox-filter/applied-filters/status.tsx | 4 +- .../inbox-filter/filters/filter-selection.tsx | 6 +- .../components/inbox/inbox-filter/root.tsx | 9 +- .../inbox/inbox-filter/sorting/order-by.tsx | 17 ++- .../components/inbox/inbox-status-icon.tsx | 27 ++-- .../modals/create-modal/issue-properties.tsx | 6 +- .../inbox/modals/select-duplicate.tsx | 4 +- apps/web/core/components/inbox/root.tsx | 7 +- .../integration/single-integration-card.tsx | 4 +- .../issues/attachment/attachment-detail.tsx | 7 +- .../attachment/attachment-item-list.tsx | 4 +- .../attachment/attachment-list-item.tsx | 4 +- apps/web/core/components/issues/filters.tsx | 6 +- apps/web/core/components/issues/header.tsx | 6 +- .../issue-detail-widgets/action-buttons.tsx | 11 +- .../attachments/quick-action-button.tsx | 4 +- .../links/quick-action-button.tsx | 4 +- .../relations/quick-action-button.tsx | 4 +- .../sub-issues/display-filters.tsx | 4 +- .../sub-issues/filters.tsx | 9 +- .../sub-issues/issues-list/list-group.tsx | 4 +- .../sub-issues/issues-list/list-item.tsx | 15 +-- .../sub-issues/issues-list/properties.tsx | 6 +- .../sub-issues/issues-list/root.tsx | 4 +- .../sub-issues/quick-action-button.tsx | 8 +- .../issue-activity/activity-filter.tsx | 7 +- .../activity/actions/archived-at.tsx | 7 +- .../activity/actions/assignee.tsx | 4 +- .../activity/actions/attachment.tsx | 4 +- .../issue-activity/activity/actions/cycle.tsx | 4 +- .../activity/actions/default.tsx | 4 +- .../activity/actions/description.tsx | 4 +- .../activity/actions/estimate.tsx | 4 +- .../actions/helpers/activity-block.tsx | 4 +- .../issue-activity/activity/actions/inbox.tsx | 4 +- .../issue-activity/activity/actions/label.tsx | 4 +- .../issue-activity/activity/actions/link.tsx | 4 +- .../activity/actions/module.tsx | 4 +- .../issue-activity/activity/actions/name.tsx | 4 +- .../activity/actions/parent.tsx | 4 +- .../activity/actions/priority.tsx | 4 +- .../activity/actions/start_date.tsx | 4 +- .../issue-activity/activity/actions/state.tsx | 4 +- .../activity/actions/target_date.tsx | 4 +- .../issue-detail/issue-activity/sort-root.tsx | 4 +- .../issue-detail-quick-actions.tsx | 4 +- .../issue-detail/label/create-label.tsx | 11 +- .../issue-detail/label/label-list-item.tsx | 6 +- .../label/select/label-select.tsx | 11 +- .../issues/issue-detail/links/link-detail.tsx | 8 +- .../issues/issue-detail/links/link-item.tsx | 10 +- .../issues/issue-detail/links/root.tsx | 4 +- .../issues/issue-detail/parent-select.tsx | 6 +- .../issues/issue-detail/relation-select.tsx | 6 +- .../issues/issue-detail/sidebar.tsx | 46 +++---- .../issues/issue-detail/subscription.tsx | 4 +- .../calendar/dropdowns/months-dropdown.tsx | 6 +- .../calendar/dropdowns/options-dropdown.tsx | 9 +- .../issues/issue-layouts/calendar/header.tsx | 6 +- .../issue-layouts/calendar/issue-block.tsx | 4 +- .../calendar/quick-add-issue-actions.tsx | 4 +- .../filters/applied-filters/cycle.tsx | 5 +- .../filters/applied-filters/date.tsx | 4 +- .../filters/applied-filters/label.tsx | 4 +- .../filters/applied-filters/members.tsx | 4 +- .../filters/applied-filters/module.tsx | 6 +- .../filters/applied-filters/priority.tsx | 5 +- .../filters/applied-filters/project.tsx | 4 +- .../filters/applied-filters/state-group.tsx | 5 +- .../filters/applied-filters/state.tsx | 5 +- .../filters/header/filters/module.tsx | 4 +- .../filters/header/helpers/filter-header.tsx | 4 +- .../filters/header/helpers/filter-option.tsx | 4 +- .../header/mobile-layout-selection.tsx | 4 +- .../issue-layouts/group-drag-overlay.tsx | 4 +- .../issues/issue-layouts/kanban/block.tsx | 4 +- .../kanban/headers/group-by-card.tsx | 12 +- .../kanban/headers/sub-group-by-card.tsx | 6 +- .../issues/issue-layouts/layout-icon.tsx | 18 +-- .../issues/issue-layouts/list/block.tsx | 4 +- .../list/headers/group-by-card.tsx | 6 +- .../properties/all-properties.tsx | 13 +- .../properties/label-dropdown.tsx | 11 +- .../issue-layouts/properties/labels.tsx | 4 +- .../quick-action-dropdowns/helper.tsx | 30 +++-- .../quick-action-dropdowns/issue-detail.tsx | 4 +- .../issue-layouts/quick-add/button/gantt.tsx | 4 +- .../issue-layouts/quick-add/button/kanban.tsx | 4 +- .../issue-layouts/quick-add/button/list.tsx | 4 +- .../quick-add/button/spreadsheet.tsx | 4 +- .../issues/issue-layouts/quick-add/root.tsx | 4 +- .../spreadsheet/columns/due-date-column.tsx | 4 +- .../spreadsheet/columns/header-column.tsx | 29 +++-- .../spreadsheet/columns/start-date-column.tsx | 4 +- .../issue-layouts/spreadsheet/issue-row.tsx | 7 +- .../components/issues/issue-layouts/utils.tsx | 64 ++++----- .../components/default-properties.tsx | 4 +- .../components/description-editor.tsx | 6 +- .../issue-modal/components/parent-tag.tsx | 4 +- .../components/issues/issue-update-status.tsx | 4 +- .../issues/layout-quick-actions.tsx | 4 +- .../issues/parent-issues-list-modal.tsx | 7 +- .../components/issues/peek-overview/error.tsx | 4 +- .../issues/peek-overview/header.tsx | 22 ++-- .../issues/peek-overview/loader.tsx | 4 +- .../issues/peek-overview/properties.tsx | 50 ++++--- .../components/issues/preview-card/date.tsx | 9 +- .../issues/relations/issue-list-item.tsx | 10 +- .../core/components/issues/select/base.tsx | 15 +-- .../workspace-draft/draft-issue-block.tsx | 8 +- .../draft-issue-properties.tsx | 6 +- .../labels/label-block/label-item-block.tsx | 4 +- .../labels/label-block/label-name.tsx | 4 +- .../labels/project-setting-label-group.tsx | 8 +- .../labels/project-setting-label-item.tsx | 6 +- .../modal/card/base-paid-plan-card.tsx | 4 +- .../license/modal/card/free-plan.tsx | 4 +- .../analytics-sidebar/issue-progress.tsx | 9 +- .../modules/analytics-sidebar/root.tsx | 43 +++--- .../modules/applied-filters/date.tsx | 4 +- .../modules/applied-filters/members.tsx | 4 +- .../modules/applied-filters/root.tsx | 8 +- .../modules/applied-filters/status.tsx | 5 +- .../modules/archived-modules/header.tsx | 11 +- .../modules/dropdowns/filters/root.tsx | 6 +- .../components/modules/dropdowns/order-by.tsx | 13 +- .../components/modules/links/list-item.tsx | 8 +- .../components/modules/module-card-item.tsx | 9 +- .../components/modules/module-layout-icon.tsx | 8 +- .../modules/module-list-item-action.tsx | 4 +- .../components/modules/module-list-item.tsx | 9 +- .../components/modules/module-view-header.tsx | 11 +- .../core/components/modules/quick-actions.tsx | 4 +- .../core/components/modules/select/status.tsx | 5 +- .../modules/sidebar-select/select-status.tsx | 4 +- .../components/navigation/app-rail-root.tsx | 9 +- .../customize-navigation-dialog.tsx | 8 +- .../navigation/project-actions-menu.tsx | 22 ++-- .../navigation/project-header-button.tsx | 4 +- .../components/navigation/project-header.tsx | 4 +- .../tab-navigation-overflow-menu.tsx | 9 +- .../tab-navigation-visible-item.tsx | 7 +- .../components/navigation/top-nav-power-k.tsx | 6 +- .../navigation/top-navigation-root.tsx | 4 +- .../navigation/use-navigation-items.ts | 21 ++- .../onboarding/create-or-join-workspaces.tsx | 4 +- .../web/core/components/onboarding/header.tsx | 5 +- .../components/onboarding/invite-members.tsx | 13 +- .../components/onboarding/profile-setup.tsx | 10 +- .../onboarding/steps/profile/consent.tsx | 4 +- .../onboarding/steps/profile/root.tsx | 4 +- .../onboarding/steps/profile/set-password.tsx | 6 +- .../components/onboarding/steps/role/root.tsx | 25 ++-- .../components/onboarding/steps/team/root.tsx | 13 +- .../onboarding/steps/usecase/root.tsx | 4 +- .../onboarding/steps/workspace/create.tsx | 4 +- .../core/components/onboarding/tour/root.tsx | 5 +- .../components/onboarding/tour/sidebar.tsx | 12 +- .../components/pages/dropdowns/actions.tsx | 31 +++-- .../pages/editor/ai/ask-pi-menu.tsx | 11 +- .../core/components/pages/editor/ai/menu.tsx | 24 ++-- .../pages/editor/content-limit-banner.tsx | 4 +- .../components/pages/editor/header/root.tsx | 4 +- .../pages/editor/toolbar/color-dropdown.tsx | 5 +- .../pages/editor/toolbar/options-dropdown.tsx | 8 +- .../components/pages/editor/toolbar/root.tsx | 6 +- .../pages/editor/toolbar/toolbar.tsx | 6 +- .../pages/header/archived-badge.tsx | 4 +- .../pages/header/copy-link-control.tsx | 4 +- .../pages/header/favorite-control.tsx | 4 +- .../components/pages/header/lock-control.tsx | 8 +- .../web/core/components/pages/header/root.tsx | 4 +- .../pages/list/applied-filters/root.tsx | 6 +- .../pages/list/block-item-action.tsx | 9 +- apps/web/core/components/pages/list/block.tsx | 4 +- .../components/pages/list/filters/root.tsx | 6 +- .../core/components/pages/list/order-by.tsx | 11 +- .../components/pages/list/search-input.tsx | 8 +- .../components/pages/modals/page-form.tsx | 8 +- .../navigation-pane/tab-panels/assets.tsx | 4 +- .../components/pages/version/main-content.tsx | 6 +- .../power-k/config/account-commands.ts | 6 +- .../power-k/config/creation/command.ts | 22 ++-- .../power-k/config/help-commands.ts | 10 +- .../power-k/config/miscellaneous-commands.ts | 9 +- .../power-k/config/navigation/commands.ts | 73 ++++++----- .../power-k/config/preferences-commands.ts | 9 +- .../core/components/power-k/menus/cycles.tsx | 4 +- .../core/components/power-k/menus/views.tsx | 4 +- .../power-k/ui/modal/command-item.tsx | 4 +- .../power-k/ui/modal/context-indicator.tsx | 4 +- .../components/power-k/ui/modal/header.tsx | 7 +- .../power-k/ui/modal/no-results-command.tsx | 4 +- .../power-k/ui/modal/search-results-map.tsx | 22 ++-- .../power-k/ui/modal/shortcuts-root.tsx | 6 +- .../ui/pages/context-based/cycle/commands.ts | 8 +- .../pages/context-based/module/commands.tsx | 11 +- .../ui/pages/context-based/page/commands.ts | 23 +++- .../pages/context-based/work-item/commands.ts | 46 +++---- .../profile/activity/activity-list.tsx | 10 +- .../components/profile/overview/stats.tsx | 7 +- apps/web/core/components/profile/sidebar.tsx | 6 +- .../components/project-states/group-item.tsx | 7 +- .../project-states/options/delete.tsx | 9 +- .../project-states/state-item-title.tsx | 8 +- .../project/applied-filters/access.tsx | 4 +- .../project/applied-filters/date.tsx | 4 +- .../project/applied-filters/members.tsx | 4 +- .../project-display-filters.tsx | 4 +- .../project/applied-filters/root.tsx | 6 +- apps/web/core/components/project/card.tsx | 38 +++--- .../project/confirm-project-member-remove.tsx | 4 +- .../project/create/common-attributes.tsx | 4 +- .../core/components/project/create/header.tsx | 4 +- .../project/delete-project-modal.tsx | 4 +- .../project/dropdowns/filters/member-list.tsx | 4 +- .../project/dropdowns/filters/root.tsx | 6 +- .../components/project/dropdowns/order-by.tsx | 13 +- apps/web/core/components/project/filters.tsx | 4 +- apps/web/core/components/project/form.tsx | 7 +- apps/web/core/components/project/header.tsx | 4 +- .../project/leave-project-modal.tsx | 4 +- .../project/member-header-column.tsx | 27 ++-- .../core/components/project/member-list.tsx | 4 +- .../components/project/multi-select-modal.tsx | 6 +- .../project/project-network-icon.tsx | 6 +- .../project/publish-project/modal.tsx | 8 +- .../components/project/search-projects.tsx | 8 +- .../project/send-project-invitation-modal.tsx | 10 +- .../project/settings/features-list.tsx | 12 +- .../components/project/settings/helper.tsx | 4 +- .../components/projects/mobile-header.tsx | 9 +- .../projects/settings/intake/header.tsx | 7 +- apps/web/core/components/readonly/cycle.tsx | 4 +- apps/web/core/components/readonly/date.tsx | 4 +- .../web/core/components/readonly/estimate.tsx | 4 +- apps/web/core/components/readonly/module.tsx | 8 +- apps/web/core/components/relations/index.tsx | 11 +- .../rich-filters/add-filters/button.tsx | 4 +- .../rich-filters/filter-item/close-button.tsx | 4 +- .../rich-filters/filter-item/invalid.tsx | 4 +- .../components/rich-filters/filters-row.tsx | 4 +- .../rich-filters/filters-toggle.tsx | 4 +- .../core/components/settings/mobile/nav.tsx | 4 +- .../profile/content/pages/general/form.tsx | 4 +- .../profile/content/pages/security.tsx | 14 +- .../components/settings/profile/modal.tsx | 4 +- .../profile/sidebar/item-categories.tsx | 12 +- .../profile/sidebar/workspace-options.tsx | 6 +- .../settings/project/sidebar/header.tsx | 4 +- .../settings/project/sidebar/item-icon.tsx | 43 +++--- .../settings/workspace/sidebar/header.tsx | 4 +- .../settings/workspace/sidebar/item-icon.tsx | 18 ++- .../core/components/sidebar/search-button.tsx | 4 +- .../sidebar/sidebar-toggle-button.tsx | 4 +- .../components/sidebar/sidebar-wrapper.tsx | 4 +- .../core/components/stickies/action-bar.tsx | 13 +- .../stickies/layout/stickies-list.tsx | 4 +- .../core/components/stickies/modal/search.tsx | 8 +- .../components/stickies/modal/stickies.tsx | 8 +- .../core/components/stickies/sticky/root.tsx | 4 +- apps/web/core/components/stickies/widget.tsx | 4 +- apps/web/core/components/ui/empty-space.tsx | 4 +- .../integration-and-import-export-banner.tsx | 4 +- .../views/applied-filters/access.tsx | 4 +- .../components/views/applied-filters/root.tsx | 6 +- .../views/filters/filter-selection.tsx | 6 +- .../components/views/filters/order-by.tsx | 9 +- apps/web/core/components/views/form.tsx | 4 +- .../core/components/views/quick-actions.tsx | 4 +- .../components/views/view-list-header.tsx | 11 +- .../views/view-list-item-action.tsx | 5 +- .../core/components/views/view-list-item.tsx | 4 +- .../web-hooks/form/delete-section.tsx | 4 +- .../components/web-hooks/form/secret-key.tsx | 9 +- .../core/components/workflow/state-option.tsx | 4 +- .../sidebar/filters/applied-filter.tsx | 6 +- .../sidebar/filters/menu/menu-option-item.tsx | 4 +- .../sidebar/filters/menu/root.tsx | 4 +- .../header/options/menu-option/root.tsx | 23 ++-- .../sidebar/header/options/root.tsx | 6 +- .../sidebar/header/root.tsx | 4 +- .../sidebar/notification-card/item.tsx | 4 +- .../notification-card/options/archive.tsx | 7 +- .../notification-card/options/read.tsx | 4 +- .../options/snooze/modal.tsx | 4 +- .../notification-card/options/snooze/root.tsx | 4 +- .../ConfirmWorkspaceMemberRemove.tsx | 4 +- .../workspace/billing/comparison/base.tsx | 4 +- .../billing/comparison/feature-detail.tsx | 7 +- .../workspace/billing/comparison/plans.tsx | 10 +- .../confirm-workspace-member-remove.tsx | 4 +- .../workspace/delete-workspace-form.tsx | 4 +- .../workspace/invite-modal/actions.tsx | 4 +- .../workspace/invite-modal/fields.tsx | 4 +- .../settings/invitations-list-item.tsx | 8 +- .../workspace/settings/member-columns.tsx | 6 +- .../workspace/settings/members-list.tsx | 4 +- .../workspace/settings/workspace-details.tsx | 4 +- .../workspace/sidebar/dropdown-item.tsx | 9 +- .../sidebar/extended-sidebar-item.tsx | 8 +- .../sidebar/favorites/favorite-folder.tsx | 20 ++- .../common/favorite-item-icon.tsx | 15 ++- .../common/favorite-item-quick-action.tsx | 6 +- .../sidebar/favorites/favorites-menu.tsx | 7 +- .../workspace/sidebar/help-section/root.tsx | 9 +- .../components/workspace/sidebar/helper.tsx | 42 +++--- .../workspace/sidebar/project-navigation.tsx | 21 ++- .../workspace/sidebar/projects-list-item.tsx | 25 ++-- .../workspace/sidebar/projects-list.tsx | 9 +- .../workspace/sidebar/quick-actions.tsx | 4 +- .../workspace/sidebar/sidebar-menu-items.tsx | 7 +- .../workspace/sidebar/user-menu-root.tsx | 8 +- .../workspace/sidebar/user-menu.tsx | 11 +- .../sidebar/workspace-menu-header.tsx | 11 +- .../workspace/sidebar/workspace-menu-root.tsx | 11 +- .../workspace/sidebar/workspace-menu.tsx | 10 +- .../views/default-view-quick-action.tsx | 6 +- .../components/workspace/views/header.tsx | 4 +- .../workspace/views/view-list-item.tsx | 6 +- .../use-work-item-filters-config.tsx | 63 +++++---- .../layouts/auth-layout/workspace-wrapper.tsx | 4 +- apps/web/helpers/views.helper.ts | 6 +- 470 files changed, 2118 insertions(+), 1979 deletions(-) diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/active-cycles/header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/active-cycles/header.tsx index baee20f82bb..48a37bce4f1 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/active-cycles/header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/active-cycles/header.tsx @@ -7,7 +7,7 @@ import { observer } from "mobx-react"; import { useTranslation } from "@plane/i18n"; // ui -import { CycleIcon } from "@plane/propel/icons"; +import { CyclesOutline } from "@makeplane/propel/icons"; import { Breadcrumbs, Header } from "@plane/ui"; // components import { BreadcrumbLink } from "@/components/common/breadcrumb-link"; @@ -24,7 +24,7 @@ export const WorkspaceActiveCycleHeader = observer(function WorkspaceActiveCycle component={ } + icon={} /> } /> diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/analytics/[tabId]/header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/analytics/[tabId]/header.tsx index ed2c9215a87..992476e6d3d 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/analytics/[tabId]/header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/analytics/[tabId]/header.tsx @@ -6,7 +6,7 @@ import { observer } from "mobx-react"; import { useTranslation } from "@plane/i18n"; -import { AnalyticsIcon } from "@plane/propel/icons"; +import { AnalyticsOutline } from "@makeplane/propel/icons"; // plane imports import { Breadcrumbs, Header } from "@plane/ui"; // components @@ -22,7 +22,7 @@ export const WorkspaceAnalyticsHeader = observer(function WorkspaceAnalyticsHead component={ } + icon={} /> } /> diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/browse/[workItem]/work-item-header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/browse/[workItem]/work-item-header.tsx index f8f18b1fc6f..4b7111e9753 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/browse/[workItem]/work-item-header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/browse/[workItem]/work-item-header.tsx @@ -8,7 +8,7 @@ import React from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // plane ui -import { WorkItemsIcon } from "@plane/propel/icons"; +import { WorkItemsOutline } from "@makeplane/propel/icons"; import { Breadcrumbs, Header } from "@plane/ui"; // components import { BreadcrumbLink } from "@/components/common/breadcrumb-link"; @@ -46,7 +46,7 @@ export const WorkItemDetailsHeader = observer(function WorkItemDetailsHeader() { } + icon={} /> } /> diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/drafts/header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/drafts/header.tsx index a063df5256f..027b8edd7d7 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/drafts/header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/drafts/header.tsx @@ -10,7 +10,7 @@ import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; // ui import { Button } from "@plane/propel/button"; -import { DraftIcon } from "@plane/propel/icons"; +import { DraftsOutline } from "@makeplane/propel/icons"; import { EIssuesStoreType } from "@plane/types"; import { Breadcrumbs, Header } from "@plane/ui"; // components @@ -52,7 +52,7 @@ export const WorkspaceDraftHeader = observer(function WorkspaceDraftHeader() { } /> + } /> } /> diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/extended-project-sidebar.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/extended-project-sidebar.tsx index 50a5bd692f1..5d7c69f0852 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/extended-project-sidebar.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/extended-project-sidebar.tsx @@ -11,7 +11,7 @@ import { useParams } from "next/navigation"; import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { EmptyStateCompact } from "@plane/propel/empty-state"; -import { PlusIcon, SearchIcon } from "@plane/propel/icons"; +import { AddOutline, SearchOutline } from "@makeplane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import { copyUrlToClipboard, orderJoinedProjects } from "@plane/utils"; @@ -123,13 +123,13 @@ export const ExtendedProjectSidebar = observer(function ExtendedProjectSidebar() setIsProjectModalOpen(true); }} > - + )}
- + } /> + } /> } /> @@ -42,7 +41,7 @@ export const WorkspaceDashboardHeader = observer(function WorkspaceDashboardHead size="lg" onClick={() => toggleWidgetSettings(true)} className="my-auto mb-0" - prependIcon={} + prependIcon={} >
{t("home.manage_widgets")}
diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/header.tsx index 296b780c91e..28f415bdde1 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/header.tsx @@ -7,10 +7,9 @@ // ui import { observer } from "mobx-react"; import { useParams, useRouter } from "next/navigation"; -import { PanelRight } from "lucide-react"; +import { ChevronDownOutline, RightSidePaneOutline, YourWorkOutline } from "@makeplane/propel/icons"; import { PROFILE_VIEWER_TAB, PROFILE_ADMINS_TAB, EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { YourWorkIcon, ChevronDownIcon } from "@plane/propel/icons"; import type { IUserProfileProjectSegregation } from "@plane/types"; import { Breadcrumbs, Header, CustomMenu } from "@plane/ui"; // components @@ -62,7 +61,7 @@ export const UserProfileHeader = observer(function UserProfileHeader(props: TUse } + icon={} /> } /> @@ -78,7 +77,7 @@ export const UserProfileHeader = observer(function UserProfileHeader(props: TUse customButton={
{type} - +
} customButtonClassName="flex flex-grow justify-center text-secondary text-13" @@ -103,7 +102,7 @@ export const UserProfileHeader = observer(function UserProfileHeader(props: TUse toggleProfileSidebar(); }} appendIcon={ - + } >
diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/mobile-header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/mobile-header.tsx index 0b9dded5ef2..e07209fae79 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/mobile-header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/mobile-header.tsx @@ -12,7 +12,7 @@ import { EIssueFilterType, ISSUE_LAYOUTS, ISSUE_DISPLAY_FILTERS_BY_PAGE } from " // plane i18n import { useTranslation } from "@plane/i18n"; // icons -import { ChevronDownIcon } from "@plane/propel/icons"; +import { ChevronDownOutline } from "@makeplane/propel/icons"; // types import type { IIssueDisplayFilterOptions, @@ -92,7 +92,7 @@ export const ProfileIssuesMobileHeader = observer(function ProfileIssuesMobileHe customButton={
{t("common.layout")} - +
} customButtonClassName="flex flex-center text-secondary text-13" @@ -121,7 +121,7 @@ export const ProfileIssuesMobileHeader = observer(function ProfileIssuesMobileHe menuButton={
{t("common.display")} - +
} > diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/header.tsx index ad9983b50ef..fcfdfe3b715 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/header.tsx @@ -6,7 +6,7 @@ import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { ArchiveIcon, CycleIcon, ModuleIcon, WorkItemsIcon } from "@plane/propel/icons"; +import { ArchiveOutline, CyclesOutline, ModuleOutline, WorkItemsOutline } from "@makeplane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import { EIssuesStoreType } from "@plane/types"; // ui @@ -35,17 +35,17 @@ const PROJECT_ARCHIVES_BREADCRUMB_LIST: { issues: { label: "Work items", href: "/issues", - icon: WorkItemsIcon, + icon: WorkItemsOutline, }, cycles: { label: "Cycles", href: "/cycles", - icon: CycleIcon, + icon: CyclesOutline, }, modules: { label: "Modules", href: "/modules", - icon: ModuleIcon, + icon: ModuleOutline, }, }; @@ -78,7 +78,7 @@ export const ProjectArchivesHeader = observer(function ProjectArchivesHeader(pro } + icon={} /> } /> diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/issues/(detail)/[archivedIssueId]/page.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/issues/(detail)/[archivedIssueId]/page.tsx index 592bf09a50f..c9d7d890b48 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/issues/(detail)/[archivedIssueId]/page.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/issues/(detail)/[archivedIssueId]/page.tsx @@ -10,7 +10,7 @@ import useSWR from "swr"; // ui import { Banner } from "@plane/propel/banner"; import { Button } from "@plane/propel/button"; -import { ArchiveIcon } from "@plane/propel/icons"; +import { ArchiveOutline } from "@makeplane/propel/icons"; import { Loader } from "@plane/ui"; // components import { PageHead } from "@/components/core/page-title"; @@ -70,7 +70,7 @@ function ArchivedIssueDetailsPage({ params }: Route.ComponentProps) { } + icon={} action={ {!isCompletedCycle && ( @@ -253,7 +252,7 @@ export const CycleIssuesHeader = observer(function CycleIssuesHeader() { {t("common.display")} - + } > diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx index 5e757289535..2f871518ffe 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/header.tsx @@ -10,7 +10,7 @@ import { useParams } from "next/navigation"; import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { CycleIcon } from "@plane/propel/icons"; +import { CyclesOutline } from "@makeplane/propel/icons"; import { Breadcrumbs, Header } from "@plane/ui"; // components import { BreadcrumbLink } from "@/components/common/breadcrumb-link"; @@ -49,7 +49,7 @@ export const CyclesListHeader = observer(function CyclesListHeader() { } + icon={} isLast /> } diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/mobile-header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/mobile-header.tsx index b5108be8100..6784458772b 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/mobile-header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/mobile-header.tsx @@ -8,7 +8,7 @@ import type React from "react"; import { observer } from "mobx-react"; // ui import type { ISvgIcons } from "@plane/propel/icons"; -import { TimelineLayoutIcon, GridLayoutIcon, ListLayoutIcon } from "@plane/propel/icons"; +import { GridOutline, ListOutline, TimelineOutline } from "@makeplane/propel/icons"; // plane package imports import type { TCycleLayoutOptions } from "@plane/types"; import { CustomMenu } from "@plane/ui"; @@ -23,17 +23,17 @@ const CYCLE_VIEW_LAYOUTS: { }[] = [ { key: "list", - icon: ListLayoutIcon, + icon: ListOutline, title: "List layout", }, { key: "board", - icon: GridLayoutIcon, + icon: GridOutline, title: "Gallery layout", }, { key: "gantt", - icon: TimelineLayoutIcon, + icon: TimelineOutline, title: "Timeline layout", }, ]; @@ -50,7 +50,7 @@ export const CyclesListMobileHeader = observer(function CyclesListMobileHeader() // placement="bottom-start" customButton={ - + Layout } diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/mobile-header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/mobile-header.tsx index dfe400d3bea..75916ac868d 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/mobile-header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/mobile-header.tsx @@ -10,7 +10,7 @@ import { useParams } from "next/navigation"; // plane imports import { EIssueFilterType, ISSUE_DISPLAY_FILTERS_BY_PAGE } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { ChevronDownIcon } from "@plane/propel/icons"; +import { ChevronDownOutline } from "@makeplane/propel/icons"; import type { IIssueDisplayFilterOptions, IIssueDisplayProperties } from "@plane/types"; import { EIssuesStoreType, EIssueLayoutTypes } from "@plane/types"; // components @@ -80,7 +80,7 @@ export const ProjectIssuesMobileHeader = observer(function ProjectIssuesMobileHe menuButton={ {t("common.display")} - + } > diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/header.tsx index 8eed837e510..2a0e462c9c4 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/header.tsx @@ -8,7 +8,7 @@ import { useCallback, useRef, useState } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // icons -import { ChartNoAxesColumn, PanelRight, SlidersHorizontal } from "lucide-react"; +import { BarOutline, ModuleOutline, PreferencesOutline, RightSidePaneOutline } from "@makeplane/propel/icons"; // plane imports import { EIssueFilterType, @@ -17,7 +17,6 @@ import { EUserPermissionsLevel, } from "@plane/constants"; import { Button } from "@plane/propel/button"; -import { ModuleIcon } from "@plane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { ICustomSearchSelectOption, IIssueDisplayFilterOptions, IIssueDisplayProperties } from "@plane/types"; import { EIssuesStoreType, EIssueLayoutTypes } from "@plane/types"; @@ -117,7 +116,7 @@ export const ModuleIssuesHeader = observer(function ModuleIssuesHeader() { return { value: _module.id, query: _module.name, - content: , + content: , }; }) .filter((option) => option !== undefined) as ICustomSearchSelectOption[]; @@ -140,7 +139,7 @@ export const ModuleIssuesHeader = observer(function ModuleIssuesHeader() { } + icon={} isLast /> } @@ -155,7 +154,7 @@ export const ModuleIssuesHeader = observer(function ModuleIssuesHeader() { router.push(`/${workspaceSlug}/projects/${projectId}/modules/${value}`); }} title={moduleDetails?.name} - icon={} + icon={} isLast /> } @@ -207,7 +206,7 @@ export const ModuleIssuesHeader = observer(function ModuleIssuesHeader() { } + miniIcon={} > setAnalyticsModal(true)} variant="secondary" size="lg"> Analytics - + ); diff --git a/apps/web/core/components/account/auth-forms/email.tsx b/apps/web/core/components/account/auth-forms/email.tsx index 7bf76ca0ef2..0fb17c2d8b6 100644 --- a/apps/web/core/components/account/auth-forms/email.tsx +++ b/apps/web/core/components/account/auth-forms/email.tsx @@ -8,7 +8,7 @@ import type { FormEvent } from "react"; import { useMemo, useRef, useState } from "react"; import { observer } from "mobx-react"; // icons -import { CircleAlert, XCircle } from "lucide-react"; +import { CloseCircleOutline, WarningCircleOutline } from "@makeplane/propel/icons"; // plane imports import { Field } from "@makeplane/propel/components/field"; import { Input, InputGroup } from "@makeplane/propel/components/input"; @@ -89,14 +89,14 @@ export const AuthEmailForm = observer(function AuthEmailForm(props: TAuthEmailFo aria-label={t("aria_labels.auth_forms.clear_email")} tabIndex={-1} > - + )} {emailError?.email && !isFocused && (

- + {t(emailError.email)}

)} diff --git a/apps/web/core/components/account/auth-forms/forgot-password-popover.tsx b/apps/web/core/components/account/auth-forms/forgot-password-popover.tsx index 8b8e640c434..865e0342efa 100644 --- a/apps/web/core/components/account/auth-forms/forgot-password-popover.tsx +++ b/apps/web/core/components/account/auth-forms/forgot-password-popover.tsx @@ -9,7 +9,7 @@ import { usePopper } from "react-popper"; import { Popover } from "@headlessui/react"; // plane imports import { useTranslation } from "@plane/i18n"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; export function ForgotPasswordPopover() { // popper-js refs @@ -57,7 +57,7 @@ export function ForgotPasswordPopover() { onClick={() => close()} aria-label={t("aria_labels.auth_forms.close_popover")} > - + )} diff --git a/apps/web/core/components/account/auth-forms/forgot-password.tsx b/apps/web/core/components/account/auth-forms/forgot-password.tsx index 8054944987f..71ad47169f0 100644 --- a/apps/web/core/components/account/auth-forms/forgot-password.tsx +++ b/apps/web/core/components/account/auth-forms/forgot-password.tsx @@ -9,7 +9,7 @@ import Link from "next/link"; import { useSearchParams } from "next/navigation"; import { Controller, useForm } from "react-hook-form"; // icons -import { CircleCheck } from "lucide-react"; +import { TickCircleOutline } from "@makeplane/propel/icons"; // plane imports import { Field } from "@makeplane/propel/components/field"; import { Input, InputGroup } from "@makeplane/propel/components/input"; @@ -116,7 +116,7 @@ export const ForgotPasswordForm = observer(function ForgotPasswordForm() { /> {resendTimerCode > 0 && (

- + {t("auth.forgot_password.email_sent")}

)} diff --git a/apps/web/core/components/account/auth-forms/password.tsx b/apps/web/core/components/account/auth-forms/password.tsx index c98ffff3410..0c2c93ab80b 100644 --- a/apps/web/core/components/account/auth-forms/password.tsx +++ b/apps/web/core/components/account/auth-forms/password.tsx @@ -8,13 +8,12 @@ import { useEffect, useMemo, useRef, useState } from "react"; import { observer } from "mobx-react"; import Link from "next/link"; // icons -import { Eye, EyeOff, Info, XCircle } from "lucide-react"; +import { CloseCircleOutline, CloseOutline, HideOutline, InfoOutline, ShowOutline } from "@makeplane/propel/icons"; // plane imports import { Input, InputGroup } from "@makeplane/propel/components/input"; import { API_BASE_URL, E_PASSWORD_STRENGTH } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { CloseIcon } from "@plane/propel/icons"; import { PasswordStrengthIndicator, Spinner } from "@plane/ui"; import { getPasswordStrength } from "@plane/utils"; // components @@ -130,7 +129,7 @@ export const AuthPasswordForm = observer(function AuthPasswordForm(props: Props) {isBannerMessage && mode === EAuthModes.SIGN_UP && (
- +
{t("auth.sign_up.errors.password.strength")} @@ -140,7 +139,7 @@ export const AuthPasswordForm = observer(function AuthPasswordForm(props: Props) className="relative ml-auto flex h-6 w-6 cursor-pointer items-center justify-center rounded-xs text-accent-primary/80 transition-all hover:bg-danger-subtle-hover" onClick={() => setBannerMessage(false)} > - +
)} @@ -192,7 +191,7 @@ export const AuthPasswordForm = observer(function AuthPasswordForm(props: Props) onClick={handleEmailClear} aria-label={t("aria_labels.auth_forms.clear_email")} > - + )} @@ -225,9 +224,9 @@ export const AuthPasswordForm = observer(function AuthPasswordForm(props: Props) )} > {showPassword?.password ? ( - + ) : ( - + )} @@ -263,9 +262,9 @@ export const AuthPasswordForm = observer(function AuthPasswordForm(props: Props) onClick={() => handleShowPassword("retypePassword")} > {showPassword?.retypePassword ? ( - + ) : ( - + )} diff --git a/apps/web/core/components/account/auth-forms/reset-password.tsx b/apps/web/core/components/account/auth-forms/reset-password.tsx index 1e8f1c92082..fde9e2f721d 100644 --- a/apps/web/core/components/account/auth-forms/reset-password.tsx +++ b/apps/web/core/components/account/auth-forms/reset-password.tsx @@ -8,7 +8,7 @@ import { useEffect, useMemo, useState } from "react"; import { observer } from "mobx-react"; import { useSearchParams } from "next/navigation"; // icons -import { Eye, EyeOff } from "lucide-react"; +import { HideOutline, ShowOutline } from "@makeplane/propel/icons"; // ui import { Input, InputGroup } from "@makeplane/propel/components/input"; import { API_BASE_URL, E_PASSWORD_STRENGTH } from "@plane/constants"; @@ -153,9 +153,9 @@ export const ResetPasswordForm = observer(function ResetPasswordForm() { className="grid size-5 place-items-center" > {showPassword.password ? ( - + ) : ( - + )} @@ -184,9 +184,9 @@ export const ResetPasswordForm = observer(function ResetPasswordForm() { className="grid size-5 place-items-center" > {showPassword.retypePassword ? ( - + ) : ( - + )} diff --git a/apps/web/core/components/account/auth-forms/set-password.tsx b/apps/web/core/components/account/auth-forms/set-password.tsx index 4863a027185..044d9b084d5 100644 --- a/apps/web/core/components/account/auth-forms/set-password.tsx +++ b/apps/web/core/components/account/auth-forms/set-password.tsx @@ -9,7 +9,7 @@ import { useEffect, useMemo, useState } from "react"; import { observer } from "mobx-react"; import { useSearchParams } from "next/navigation"; // icons -import { Eye, EyeOff } from "lucide-react"; +import { HideOutline, ShowOutline } from "@makeplane/propel/icons"; // plane imports import { Input, InputGroup } from "@makeplane/propel/components/input"; import { E_PASSWORD_STRENGTH } from "@plane/constants"; @@ -156,9 +156,9 @@ export const SetPasswordForm = observer(function SetPasswordForm() { className="grid size-5 place-items-center" > {showPassword.password ? ( - + ) : ( - + )} @@ -187,9 +187,9 @@ export const SetPasswordForm = observer(function SetPasswordForm() { className="grid size-5 place-items-center" > {showPassword.retypePassword ? ( - + ) : ( - + )} diff --git a/apps/web/core/components/account/auth-forms/unique-code.tsx b/apps/web/core/components/account/auth-forms/unique-code.tsx index 832b98facd1..d3a4569d5c1 100644 --- a/apps/web/core/components/account/auth-forms/unique-code.tsx +++ b/apps/web/core/components/account/auth-forms/unique-code.tsx @@ -5,7 +5,7 @@ */ import { useEffect, useState } from "react"; -import { CircleCheck, XCircle } from "lucide-react"; +import { CloseCircleOutline, TickCircleOutline } from "@makeplane/propel/icons"; import { Input, InputGroup } from "@makeplane/propel/components/input"; import { API_BASE_URL } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; @@ -118,7 +118,7 @@ export function AuthUniqueCodeForm(props: TAuthUniqueCodeForm) { aria-label={t("aria_labels.auth_forms.clear_email")} onClick={handleEmailClear} > - + )} @@ -142,7 +142,7 @@ export function AuthUniqueCodeForm(props: TAuthUniqueCodeForm) {

- + {t("auth.common.unique_code.paste_code")}

)}
({ columns, data, searchPlaceholder, act } )} > - + ({ columns, data, searchPlaceholder, act setIsSearchOpen(false); }} > - + )}
diff --git a/apps/web/core/components/analytics/insight-table/root.tsx b/apps/web/core/components/analytics/insight-table/root.tsx index 9607d6e9582..4a368be04b7 100644 --- a/apps/web/core/components/analytics/insight-table/root.tsx +++ b/apps/web/core/components/analytics/insight-table/root.tsx @@ -5,7 +5,7 @@ */ import type { ColumnDef, Row, Table } from "@tanstack/react-table"; -import { Download } from "lucide-react"; +import { DownloadOutline } from "@makeplane/propel/icons"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; import type { AnalyticsTableDataMap, TAnalyticsTabsBase } from "@plane/types"; @@ -39,7 +39,7 @@ export function InsightTable>( actions={(table: Table) => (
diff --git a/apps/web/core/components/analytics/work-items/priority-chart.tsx b/apps/web/core/components/analytics/work-items/priority-chart.tsx index 942285cab20..97adc633aed 100644 --- a/apps/web/core/components/analytics/work-items/priority-chart.tsx +++ b/apps/web/core/components/analytics/work-items/priority-chart.tsx @@ -11,7 +11,7 @@ import { useParams } from "next/navigation"; import { useTheme } from "next-themes"; import useSWR from "swr"; // plane package imports -import { Download } from "lucide-react"; +import { DownloadOutline } from "@makeplane/propel/icons"; import type { ChartXAxisDateGrouping } from "@plane/constants"; import { ANALYTICS_X_AXIS_VALUES, ANALYTICS_Y_AXIS_VALUES, CHART_COLOR_PALETTES, EChartModels } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; @@ -228,7 +228,7 @@ const PriorityChart = observer(function PriorityChart(props: Props) { actions={(table: Table) => (
diff --git a/apps/web/core/components/api-token/token-list-item.tsx b/apps/web/core/components/api-token/token-list-item.tsx index ade19e21e14..9320614d411 100644 --- a/apps/web/core/components/api-token/token-list-item.tsx +++ b/apps/web/core/components/api-token/token-list-item.tsx @@ -5,7 +5,7 @@ */ import { useState } from "react"; -import { XCircle } from "lucide-react"; +import { CloseCircleOutline } from "@makeplane/propel/icons"; // plane imports import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { IApiToken } from "@plane/types"; @@ -35,7 +35,7 @@ export function ApiTokenListItem(props: Props) { onClick={() => setDeleteModalOpen(true)} className="absolute right-4 hidden place-items-center group-hover:grid" > - +
diff --git a/apps/web/core/components/automation/auto-archive-automation.tsx b/apps/web/core/components/automation/auto-archive-automation.tsx index e631ec2858b..cb0ee841bf7 100644 --- a/apps/web/core/components/automation/auto-archive-automation.tsx +++ b/apps/web/core/components/automation/auto-archive-automation.tsx @@ -7,7 +7,7 @@ import { useMemo, useState } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { ArchiveRestore } from "lucide-react"; +import { RestoreOutline } from "@makeplane/propel/icons"; // plane imports import { PROJECT_AUTOMATION_MONTHS, EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; @@ -71,7 +71,7 @@ export const AutoArchiveAutomation = observer(function AutoArchiveAutomation(pro
- +
- +
) : ( - + )} {selectedOption?.name ? selectedOption.name diff --git a/apps/web/core/components/base-layouts/constants.ts b/apps/web/core/components/base-layouts/constants.ts index 4965963732e..0ee8c5962d5 100644 --- a/apps/web/core/components/base-layouts/constants.ts +++ b/apps/web/core/components/base-layouts/constants.ts @@ -4,23 +4,23 @@ * See the LICENSE file for details. */ -import { BoardLayoutIcon, ListLayoutIcon, TimelineLayoutIcon } from "@plane/propel/icons"; +import { BoardOutline, ListOutline, TimelineOutline } from "@makeplane/propel/icons"; import type { IBaseLayoutConfig } from "@plane/types"; export const BASE_LAYOUTS: IBaseLayoutConfig[] = [ { key: "list", - icon: ListLayoutIcon, + icon: ListOutline, label: "List Layout", }, { key: "kanban", - icon: BoardLayoutIcon, + icon: BoardOutline, label: "Board Layout", }, { key: "gantt", - icon: TimelineLayoutIcon, + icon: TimelineOutline, label: "Gantt Layout", }, ]; diff --git a/apps/web/core/components/breadcrumbs/project.tsx b/apps/web/core/components/breadcrumbs/project.tsx index b997ad5fac8..3bd941c5c38 100644 --- a/apps/web/core/components/breadcrumbs/project.tsx +++ b/apps/web/core/components/breadcrumbs/project.tsx @@ -6,7 +6,7 @@ import { observer } from "mobx-react"; import { Logo } from "@plane/propel/emoji-icon-picker"; -import { ProjectIcon } from "@plane/propel/icons"; +import { ProjectsOutline } from "@makeplane/propel/icons"; // plane imports import type { ICustomSearchSelectOption } from "@plane/types"; import { BreadcrumbNavigationSearchDropdown, Breadcrumbs } from "@plane/ui"; @@ -46,7 +46,7 @@ export const ProjectBreadcrumb = observer(function ProjectBreadcrumb(props: TPro ), diff --git a/apps/web/core/components/comments/card/display.tsx b/apps/web/core/components/comments/card/display.tsx index 85bc7f66119..ecb527ee293 100644 --- a/apps/web/core/components/comments/card/display.tsx +++ b/apps/web/core/components/comments/card/display.tsx @@ -13,7 +13,7 @@ import { Avatar } from "@makeplane/propel/components/avatar"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { EditorRefApi } from "@plane/editor"; import { useHashScroll } from "@plane/hooks"; -import { GlobeIcon, LockIcon } from "@plane/propel/icons"; +import { GlobeOutline, LockOutline } from "@makeplane/propel/icons"; import { EIssueCommentAccessSpecifier } from "@plane/types"; import type { TCommentsOperations, TIssueComment } from "@plane/types"; import { calculateTimeAgo, cn, getFileURL, renderFormattedDate, renderFormattedTime } from "@plane/utils"; @@ -111,9 +111,9 @@ export const CommentCardDisplay = observer(function CommentCardDisplay(props: TC {showAccessSpecifier && (
{comment.access === EIssueCommentAccessSpecifier.INTERNAL ? ( - + ) : ( - + )}
)} diff --git a/apps/web/core/components/comments/card/edit-form.tsx b/apps/web/core/components/comments/card/edit-form.tsx index 9be8b135521..80f410d3051 100644 --- a/apps/web/core/components/comments/card/edit-form.tsx +++ b/apps/web/core/components/comments/card/edit-form.tsx @@ -8,7 +8,7 @@ import { useEffect, useRef } from "react"; import { observer } from "mobx-react"; import { useForm } from "react-hook-form"; import type { EditorRefApi } from "@plane/editor"; -import { CheckIcon, CloseIcon } from "@plane/propel/icons"; +import { CloseOutline, TickOutline } from "@makeplane/propel/icons"; // plane imports import type { TCommentsOperations, TIssueComment } from "@plane/types"; import { cn, isCommentEmpty } from "@plane/utils"; @@ -121,7 +121,7 @@ export const CommentCardEditForm = observer(function CommentCardEditForm(props: isDisabled ? "" : "hover:bg-success-subtle-1" )} > - + )}
diff --git a/apps/web/core/components/comments/comment-block.tsx b/apps/web/core/components/comments/comment-block.tsx index c08454e96ea..ef1f051a89d 100644 --- a/apps/web/core/components/comments/comment-block.tsx +++ b/apps/web/core/components/comments/comment-block.tsx @@ -8,7 +8,7 @@ import type { ReactNode } from "react"; import { useRef } from "react"; import { observer } from "mobx-react"; // plane imports -import { CommentReplyIcon } from "@plane/propel/icons"; +import { ReplyOutline } from "@makeplane/propel/icons"; import type { TIssueComment } from "@plane/types"; import { cn } from "@plane/utils"; // hooks @@ -39,7 +39,7 @@ export const CommentBlock = observer(function CommentBlock(props: TCommentBlock) "transition-border relative z-[3] flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-lg border border-subtle bg-layer-2 uppercase shadow-raised-100 duration-1000" )} > -
diff --git a/apps/web/core/components/comments/quick-actions.tsx b/apps/web/core/components/comments/quick-actions.tsx index eff40eab0b1..154ca32a56b 100644 --- a/apps/web/core/components/comments/quick-actions.tsx +++ b/apps/web/core/components/comments/quick-actions.tsx @@ -6,12 +6,18 @@ import { useMemo } from "react"; import { observer } from "mobx-react"; -import { MoreHorizontal } from "lucide-react"; +import { + DeleteOutline, + EditOutline, + GlobeOutline, + LinkOutline, + LockOutline, + MoreHorizontalOutline, +} from "@makeplane/propel/icons"; // plane imports import { EIssueCommentAccessSpecifier } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { IconButton } from "@plane/propel/icon-button"; -import { LinkIcon, GlobeIcon, LockIcon, EditIcon, TrashIcon } from "@plane/propel/icons"; import type { TIssueComment, TCommentsOperations } from "@plane/types"; import type { TContextMenuItem } from "@plane/ui"; import { CustomMenu } from "@plane/ui"; @@ -45,14 +51,14 @@ export const CommentQuickActions = observer(function CommentQuickActions(props: key: "edit", action: setEditMode, title: t("common.actions.edit"), - icon: EditIcon, + icon: EditOutline, shouldRender: canEdit, }, { key: "copy_link", action: () => activityOperations.copyCommentLink(comment.id), title: t("common.actions.copy_link"), - icon: LinkIcon, + icon: LinkOutline, shouldRender: showCopyLinkOption, }, { @@ -68,14 +74,14 @@ export const CommentQuickActions = observer(function CommentQuickActions(props: comment.access === EIssueCommentAccessSpecifier.INTERNAL ? t("issue.comments.switch.public") : t("issue.comments.switch.private"), - icon: comment.access === EIssueCommentAccessSpecifier.INTERNAL ? GlobeIcon : LockIcon, + icon: comment.access === EIssueCommentAccessSpecifier.INTERNAL ? GlobeOutline : LockOutline, shouldRender: showAccessSpecifier, }, { key: "delete", action: () => activityOperations.removeComment(comment.id), title: t("common.actions.delete"), - icon: TrashIcon, + icon: DeleteOutline, shouldRender: canDelete, }, ].filter((item) => item.shouldRender !== false); @@ -86,7 +92,7 @@ export const CommentQuickActions = observer(function CommentQuickActions(props: if (MENU_ITEMS.length === 0) return null; return ( - } closeOnSelect> + } closeOnSelect> {MENU_ITEMS.map((item) => (
- {Icon ? : } + {Icon ? : }
diff --git a/apps/web/core/components/common/activity/helper.tsx b/apps/web/core/components/common/activity/helper.tsx index b118186b6f7..064f9d027f0 100644 --- a/apps/web/core/components/common/activity/helper.tsx +++ b/apps/web/core/components/common/activity/helper.tsx @@ -6,39 +6,37 @@ import type { FC, ReactNode } from "react"; import { - RotateCcw, - Network, - Inbox, - AlignLeft, - Paperclip, - Type, - FileText, - Hash, - Clock, - Bell, - GitBranch, - Timer, - ListTodo, - Layers, -} from "lucide-react"; + AlignLeftOutline, + ArchiveOutline, + AttachOutline, + ClockOutline, + CyclesOutline, + DocumentationOutline, + DueDateOutline, + EstimateOutline, + GitBranchOutline, + GlobeOutline, + GridOutline, + HashOutline, + HierarchyOutline, + InboxOutline, + IntakeOutline, + LabelsOutline, + LinkOutline, + MembersOutline, + ModuleOutline, + PriorityOutline, + RefreshOutline, + StartDateOutline, + StateOutline, + SubscribeOutline, + TextOutline, + TimeTrackingOutline, + ToDoOutline, + WorkItemsOutline, +} from "@makeplane/propel/icons"; // components -import { - LinkIcon, - ArchiveIcon, - CycleIcon, - GlobeIcon, - DueDatePropertyIcon, - EstimatePropertyIcon, - GridLayoutIcon, - IntakeIcon, - LabelPropertyIcon, - MembersPropertyIcon, - ModuleIcon, - PriorityPropertyIcon, - StartDatePropertyIcon, - StatePropertyIcon, -} from "@plane/propel/icons"; import { store } from "@/lib/store-context"; import type { TProjectActivity } from "@plane/types"; @@ -46,37 +44,37 @@ type ActivityIconMap = { [key: string]: FC<{ className?: string }>; }; export const iconsMap: ActivityIconMap = { - priority: PriorityPropertyIcon, - archived_at: ArchiveIcon, - restored: RotateCcw, - link: LinkIcon, - start_date: StartDatePropertyIcon, - target_date: DueDatePropertyIcon, - label: LabelPropertyIcon, - inbox: Inbox, - description: AlignLeft, - assignee: MembersPropertyIcon, - attachment: Paperclip, - name: Type, - state: StatePropertyIcon, - estimate: EstimatePropertyIcon, - cycle: CycleIcon, - module: ModuleIcon, - page: FileText, - network: GlobeIcon, - identifier: Hash, - timezone: Clock, - is_project_updates_enabled: Bell, - is_epic_enabled: GridLayoutIcon, - is_workflow_enabled: GitBranch, - is_time_tracking_enabled: Timer, - is_issue_type_enabled: ListTodo, - default: Network, - module_view: ModuleIcon, - cycle_view: CycleIcon, - issue_views_view: Layers, - page_view: FileText, - intake_view: IntakeIcon, + priority: PriorityOutline, + archived_at: ArchiveOutline, + restored: RefreshOutline, + link: LinkOutline, + start_date: StartDateOutline, + target_date: DueDateOutline, + label: LabelsOutline, + inbox: InboxOutline, + description: AlignLeftOutline, + assignee: MembersOutline, + attachment: AttachOutline, + name: TextOutline, + state: StateOutline, + estimate: EstimateOutline, + cycle: CyclesOutline, + module: ModuleOutline, + page: DocumentationOutline, + network: GlobeOutline, + identifier: HashOutline, + timezone: ClockOutline, + is_project_updates_enabled: SubscribeOutline, + is_epic_enabled: GridOutline, + is_workflow_enabled: GitBranchOutline, + is_time_tracking_enabled: TimeTrackingOutline, + is_issue_type_enabled: ToDoOutline, + default: HierarchyOutline, + module_view: ModuleOutline, + cycle_view: CyclesOutline, + issue_views_view: WorkItemsOutline, + page_view: DocumentationOutline, + intake_view: IntakeOutline, }; export const messages = (activity: TProjectActivity): { message: string | ReactNode; customUserName?: string } => { diff --git a/apps/web/core/components/common/applied-filters/date.tsx b/apps/web/core/components/common/applied-filters/date.tsx index 6a5051fd9be..aecac21463a 100644 --- a/apps/web/core/components/common/applied-filters/date.tsx +++ b/apps/web/core/components/common/applied-filters/date.tsx @@ -7,7 +7,7 @@ import { observer } from "mobx-react"; // icons import { DATE_BEFORE_FILTER_OPTIONS } from "@plane/constants"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // plane constants import { renderFormattedDate, capitalizeFirstLetter } from "@plane/utils"; // helpers @@ -50,7 +50,7 @@ export const AppliedDateFilters = observer(function AppliedDateFilters(props: Pr className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(date)} > - + )}
diff --git a/apps/web/core/components/common/applied-filters/members.tsx b/apps/web/core/components/common/applied-filters/members.tsx index 1982fa82520..96d4b4dfdec 100644 --- a/apps/web/core/components/common/applied-filters/members.tsx +++ b/apps/web/core/components/common/applied-filters/members.tsx @@ -5,7 +5,7 @@ */ import { observer } from "mobx-react"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // plane ui import { Avatar } from "@makeplane/propel/components/avatar"; // helpers @@ -48,7 +48,7 @@ export const AppliedMembersFilters = observer(function AppliedMembersFilters(pro className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(memberId)} > - + )}
diff --git a/apps/web/core/components/common/latest-feature-block.tsx b/apps/web/core/components/common/latest-feature-block.tsx index 7ea1289b2db..dc1f82138ea 100644 --- a/apps/web/core/components/common/latest-feature-block.tsx +++ b/apps/web/core/components/common/latest-feature-block.tsx @@ -7,7 +7,7 @@ import Link from "next/link"; import { useTheme } from "next-themes"; // icons -import { Lightbulb } from "lucide-react"; +import { ThoughtsOutline } from "@makeplane/propel/icons"; // images import latestFeatures from "@/app/assets/onboarding/onboarding-pages.webp?url"; @@ -17,7 +17,7 @@ export function LatestFeatureBlock() { return ( <>
- +

Pages gets a facelift! Write anything and use Galileo to help you start.{" "} diff --git a/apps/web/core/components/common/layout-error-boundary.tsx b/apps/web/core/components/common/layout-error-boundary.tsx index 74ef8f3fbb8..ead42f58794 100644 --- a/apps/web/core/components/common/layout-error-boundary.tsx +++ b/apps/web/core/components/common/layout-error-boundary.tsx @@ -6,7 +6,7 @@ import { Component, Fragment } from "react"; import type { ErrorInfo, ReactNode } from "react"; -import { AlertTriangle } from "lucide-react"; +import { WarningTriangleOutline } from "@makeplane/propel/icons"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; @@ -24,7 +24,7 @@ function LayoutErrorFallback({ onRetry }: { onRetry: () => void }) { return (

- +

{t("something_went_wrong")}

@@ -159,7 +159,7 @@ export const DescriptionVersionsModal = observer(function DescriptionVersionsMod {/* Footer */}
- +
, + icon: , }, ]; diff --git a/apps/web/core/components/core/modals/bulk-delete-issues-modal.tsx b/apps/web/core/components/core/modals/bulk-delete-issues-modal.tsx index 1d7b4099a06..0c89899a29a 100644 --- a/apps/web/core/components/core/modals/bulk-delete-issues-modal.tsx +++ b/apps/web/core/components/core/modals/bulk-delete-issues-modal.tsx @@ -14,7 +14,7 @@ import { Combobox } from "@headlessui/react"; // plane imports import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { SearchIcon } from "@plane/propel/icons"; +import { SearchOutline } from "@makeplane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { ISearchIssueResponse, IUser } from "@plane/types"; import { EIssuesStoreType } from "@plane/types"; @@ -171,7 +171,7 @@ export const BulkDeleteIssuesModal = observer(function BulkDeleteIssuesModal(pro }} >
-
); @@ -51,7 +52,7 @@ export const InboxIssueAppliedFiltersState = observer(function InboxIssueApplied className="relative flex h-3 w-3 flex-shrink-0 cursor-pointer items-center justify-center overflow-hidden text-tertiary transition-all hover:text-secondary" onClick={clearFilter} > - +
); diff --git a/apps/web/core/components/inbox/inbox-filter/applied-filters/status.tsx b/apps/web/core/components/inbox/inbox-filter/applied-filters/status.tsx index b0161b7bfa1..f78a13b31d1 100644 --- a/apps/web/core/components/inbox/inbox-filter/applied-filters/status.tsx +++ b/apps/web/core/components/inbox/inbox-filter/applied-filters/status.tsx @@ -7,7 +7,7 @@ import { observer } from "mobx-react"; import { INBOX_STATUS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; import type { TInboxIssueStatus } from "@plane/types"; import { useProjectInbox } from "@/hooks/store/use-project-inbox"; import { InboxStatusIcon } from "../../inbox-status-icon"; @@ -41,7 +41,7 @@ export const InboxIssueAppliedFiltersStatus = observer(function InboxIssueApplie className="relative flex h-3 w-3 flex-shrink-0 cursor-pointer items-center justify-center overflow-hidden text-tertiary transition-all hover:text-secondary" onClick={() => handleInboxIssueFilters("status", handleFilterValue(optionDetail?.status))} > - +
)}
diff --git a/apps/web/core/components/inbox/inbox-filter/filters/filter-selection.tsx b/apps/web/core/components/inbox/inbox-filter/filters/filter-selection.tsx index 99ae144cd0c..d95f76f20b6 100644 --- a/apps/web/core/components/inbox/inbox-filter/filters/filter-selection.tsx +++ b/apps/web/core/components/inbox/inbox-filter/filters/filter-selection.tsx @@ -6,7 +6,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; -import { SearchIcon, CloseIcon } from "@plane/propel/icons"; +import { CloseOutline, SearchOutline } from "@makeplane/propel/icons"; // hooks import { useLabel } from "@/hooks/store/use-label"; import { useMember } from "@/hooks/store/use-member"; @@ -32,7 +32,7 @@ export const InboxIssueFilterSelection = observer(function InboxIssueFilterSelec
- + {filtersSearchQuery !== "" && ( )}
diff --git a/apps/web/core/components/inbox/inbox-filter/root.tsx b/apps/web/core/components/inbox/inbox-filter/root.tsx index 2413ccc382f..b77df57a341 100644 --- a/apps/web/core/components/inbox/inbox-filter/root.tsx +++ b/apps/web/core/components/inbox/inbox-filter/root.tsx @@ -4,10 +4,9 @@ * See the LICENSE file for details. */ -import { ListFilter } from "lucide-react"; +import { ChevronDownOutline, FilterOutline } from "@makeplane/propel/icons"; import { getButtonStyling } from "@plane/propel/button"; // plane imports -import { ChevronDownIcon } from "@plane/propel/icons"; import { cn } from "@plane/utils"; // components import { FiltersDropdown } from "@/components/issues/issue-layouts/filters"; @@ -17,13 +16,13 @@ import useSize from "@/hooks/use-window-size"; import { InboxIssueFilterSelection } from "./filters/filter-selection"; import { InboxIssueOrderByDropdown } from "./sorting/order-by"; -const smallButton = ; +const smallButton = ; const largeButton = (
- + Filters - +
); export function FiltersRoot() { diff --git a/apps/web/core/components/inbox/inbox-filter/sorting/order-by.tsx b/apps/web/core/components/inbox/inbox-filter/sorting/order-by.tsx index ad2e720c715..2e0e00c628b 100644 --- a/apps/web/core/components/inbox/inbox-filter/sorting/order-by.tsx +++ b/apps/web/core/components/inbox/inbox-filter/sorting/order-by.tsx @@ -5,11 +5,10 @@ */ import { observer } from "mobx-react"; -import { ArrowDownWideNarrow, ArrowUpWideNarrow } from "lucide-react"; +import { ChevronDownOutline, SortAscendingOutline, SortDescendingOutline, TickOutline } from "@makeplane/propel/icons"; import { INBOX_ISSUE_ORDER_BY_OPTIONS, INBOX_ISSUE_SORT_BY_OPTIONS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { getButtonStyling } from "@plane/propel/button"; -import { CheckIcon, ChevronDownIcon } from "@plane/propel/icons"; import type { TInboxIssueSortingOrderByKeys, TInboxIssueSortingSortByKeys } from "@plane/types"; import { CustomMenu } from "@plane/ui"; // constants @@ -28,19 +27,19 @@ export const InboxIssueOrderByDropdown = observer(function InboxIssueOrderByDrop INBOX_ISSUE_ORDER_BY_OPTIONS.find((option) => inboxSorting?.order_by?.includes(option.key)) || undefined; const smallButton = inboxSorting?.sort_by === "asc" ? ( - + ) : ( - + ); const largeButton = (
{inboxSorting?.sort_by === "asc" ? ( - + ) : ( - + )} {t(orderByDetails?.i18n_label || "inbox_issue.order_by.created_at")} - +
); return ( @@ -57,7 +56,7 @@ export const InboxIssueOrderByDropdown = observer(function InboxIssueOrderByDrop onClick={() => handleInboxIssueSorting("order_by", option.key as TInboxIssueSortingOrderByKeys)} > {t(option.i18n_label)} - {inboxSorting?.order_by?.includes(option.key) && } + {inboxSorting?.order_by?.includes(option.key) && } ))}
@@ -68,7 +67,7 @@ export const InboxIssueOrderByDropdown = observer(function InboxIssueOrderByDrop onClick={() => handleInboxIssueSorting("sort_by", option.key as TInboxIssueSortingSortByKeys)} > {t(option.i18n_label)} - {inboxSorting?.sort_by?.includes(option.key) && } + {inboxSorting?.sort_by?.includes(option.key) && } ))} diff --git a/apps/web/core/components/inbox/inbox-status-icon.tsx b/apps/web/core/components/inbox/inbox-status-icon.tsx index ceaf5826d25..143bef6ecf9 100644 --- a/apps/web/core/components/inbox/inbox-status-icon.tsx +++ b/apps/web/core/components/inbox/inbox-status-icon.tsx @@ -4,35 +4,40 @@ * See the LICENSE file for details. */ -import { AlertTriangle, CheckCircle2, Clock, XCircle } from "lucide-react"; -import { CopyIcon } from "@plane/propel/icons"; +import { + ClockOutline, + CloseCircleOutline, + CopyOutline, + TickCircleOutline, + WarningTriangleOutline, +} from "@makeplane/propel/icons"; import type { TInboxIssueStatus } from "@plane/types"; import { EInboxIssueStatus } from "@plane/types"; import { cn } from "@plane/utils"; export const ICON_PROPERTIES = { [EInboxIssueStatus.PENDING]: { - icon: AlertTriangle, + icon: WarningTriangleOutline, textColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "text-warning-primary"), bgColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "bg-warning-subtle"), }, [EInboxIssueStatus.DECLINED]: { - icon: XCircle, + icon: CloseCircleOutline, textColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "text-danger-primary"), bgColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "bg-danger-subtle"), }, [EInboxIssueStatus.SNOOZED]: { - icon: Clock, + icon: ClockOutline, textColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "text-danger-primary" : "text-placeholder"), bgColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "bg-danger-subtle" : "bg-layer-3"), }, [EInboxIssueStatus.ACCEPTED]: { - icon: CheckCircle2, + icon: TickCircleOutline, textColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "text-success-primary"), bgColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "bg-success-subtle"), }, [EInboxIssueStatus.DUPLICATE]: { - icon: CopyIcon, + icon: CopyOutline, textColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "text-secondary"), bgColor: (snoozeDatePassed: boolean = false) => (snoozeDatePassed ? "" : "bg-layer-3"), }, @@ -51,5 +56,11 @@ export function InboxStatusIcon({ if (type === undefined) return null; const Icon = ICON_PROPERTIES[type]; if (!Icon) return null; - return ; + return ( + + ); } diff --git a/apps/web/core/components/inbox/modals/create-modal/issue-properties.tsx b/apps/web/core/components/inbox/modals/create-modal/issue-properties.tsx index 6d6c80e937c..c0f76b46342 100644 --- a/apps/web/core/components/inbox/modals/create-modal/issue-properties.tsx +++ b/apps/web/core/components/inbox/modals/create-modal/issue-properties.tsx @@ -7,7 +7,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; import { ETabIndices } from "@plane/constants"; -import { ParentPropertyIcon } from "@plane/propel/icons"; +import { ParentOutline } from "@makeplane/propel/icons"; import type { ISearchIssueResponse, TIssue } from "@plane/types"; import { CustomMenu } from "@plane/ui"; import { renderFormattedPayloadDate, getDate, getTabIndex } from "@plane/utils"; @@ -181,7 +181,7 @@ export const InboxIssueProperties = observer(function InboxIssueProperties(props type="button" className="flex h-full cursor-pointer items-center justify-between gap-1 rounded-sm border-[0.5px] border-strong px-2 py-0.5 text-11 hover:bg-layer-1" > - + {selectedParentIssue ? `${selectedParentIssue.project__identifier}-${selectedParentIssue.sequence_id}` @@ -215,7 +215,7 @@ export const InboxIssueProperties = observer(function InboxIssueProperties(props className="flex h-full cursor-pointer items-center justify-between gap-1 rounded-sm border-[0.5px] border-strong px-2 py-0.5 text-11 hover:bg-layer-1" onClick={() => setParentIssueModalOpen(true)} > - + Add parent )} diff --git a/apps/web/core/components/inbox/modals/select-duplicate.tsx b/apps/web/core/components/inbox/modals/select-duplicate.tsx index c90c8b2de40..1482226608d 100644 --- a/apps/web/core/components/inbox/modals/select-duplicate.tsx +++ b/apps/web/core/components/inbox/modals/select-duplicate.tsx @@ -10,7 +10,7 @@ import { useTheme } from "next-themes"; import { Combobox } from "@headlessui/react"; // plane imports import { useTranslation } from "@plane/i18n"; -import { SearchIcon } from "@plane/propel/icons"; +import { SearchOutline } from "@makeplane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { ISearchIssueResponse } from "@plane/types"; import { Loader, EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; @@ -139,7 +139,7 @@ export function SelectDuplicateInboxIssueModal(props: Props) { }} >
-
diff --git a/apps/web/core/components/issues/attachment/attachment-item-list.tsx b/apps/web/core/components/issues/attachment/attachment-item-list.tsx index 4341e5c9510..4473b16f084 100644 --- a/apps/web/core/components/issues/attachment/attachment-item-list.tsx +++ b/apps/web/core/components/issues/attachment/attachment-item-list.tsx @@ -8,7 +8,7 @@ import { useCallback, useState } from "react"; import { observer } from "mobx-react"; import type { FileRejection } from "react-dropzone"; import { useDropzone } from "react-dropzone"; -import { UploadCloud } from "lucide-react"; +import { UploadOutline } from "@makeplane/propel/icons"; import { useTranslation } from "@plane/i18n"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { TIssueServiceType } from "@plane/types"; @@ -135,7 +135,7 @@ export const IssueAttachmentItemList = observer(function IssueAttachmentItemList
- + {t("attachment.drag_and_drop")}
diff --git a/apps/web/core/components/issues/attachment/attachment-list-item.tsx b/apps/web/core/components/issues/attachment/attachment-list-item.tsx index ed7319a6b8b..00f7ebd9f7b 100644 --- a/apps/web/core/components/issues/attachment/attachment-list-item.tsx +++ b/apps/web/core/components/issues/attachment/attachment-list-item.tsx @@ -7,7 +7,7 @@ import { observer } from "mobx-react"; import { useTranslation } from "@plane/i18n"; -import { TrashIcon } from "@plane/propel/icons"; +import { DeleteOutline } from "@makeplane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { TIssueServiceType } from "@plane/types"; import { EIssueServiceType } from "@plane/types"; @@ -94,7 +94,7 @@ export const IssueAttachmentsListItem = observer(function IssueAttachmentsListIt }} >
- + {t("common.actions.delete")}
diff --git a/apps/web/core/components/issues/filters.tsx b/apps/web/core/components/issues/filters.tsx index cbd899e9f24..6d0fb1b40b0 100644 --- a/apps/web/core/components/issues/filters.tsx +++ b/apps/web/core/components/issues/filters.tsx @@ -6,7 +6,7 @@ import { useCallback, useState } from "react"; import { observer } from "mobx-react"; -import { ChartNoAxesColumn, SlidersHorizontal } from "lucide-react"; +import { BarOutline, PreferencesOutline } from "@makeplane/propel/icons"; // plane imports import { EIssueFilterType, ISSUE_STORE_TO_FILTERS_MAP } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; @@ -110,7 +110,7 @@ export const HeaderFilters = observer(function HeaderFilters(props: Props) {
} + miniIcon={} title={t("common.display")} placement="bottom-end" > @@ -129,7 +129,7 @@ export const HeaderFilters = observer(function HeaderFilters(props: Props) { ) : ( diff --git a/apps/web/core/components/issues/header.tsx b/apps/web/core/components/issues/header.tsx index aff203e03a0..ce4cb800732 100644 --- a/apps/web/core/components/issues/header.tsx +++ b/apps/web/core/components/issues/header.tsx @@ -12,7 +12,7 @@ import { Circle } from "lucide-react"; import { EUserPermissions, EUserPermissionsLevel, SPACE_BASE_PATH, SPACE_BASE_URL } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { NewTabIcon, WorkItemsIcon } from "@plane/propel/icons"; +import { NewTabOutline, WorkItemsOutline } from "@makeplane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import { EIssuesStoreType } from "@plane/types"; import { Breadcrumbs, Header } from "@plane/ui"; @@ -71,7 +71,7 @@ export const IssuesHeader = observer(function IssuesHeader() { } + icon={} isLast /> } @@ -98,7 +98,7 @@ export const IssuesHeader = observer(function IssuesHeader() { > {t("workspace_projects.network.public.title")} - + ) : ( <> diff --git a/apps/web/core/components/issues/issue-detail-widgets/action-buttons.tsx b/apps/web/core/components/issues/issue-detail-widgets/action-buttons.tsx index 688169f0450..0f4c48cb11d 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/action-buttons.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/action-buttons.tsx @@ -5,9 +5,8 @@ */ import React from "react"; -import { Paperclip } from "lucide-react"; +import { AttachOutline, LinkOutline, RelationsOutline, ViewsOutline } from "@makeplane/propel/icons"; import { useTranslation } from "@plane/i18n"; -import { LinkIcon, ViewsIcon, RelationPropertyIcon } from "@plane/propel/icons"; // plane imports import type { TIssueServiceType, TWorkItemWidgets } from "@plane/types"; // local imports @@ -39,7 +38,7 @@ export function IssueDetailWidgetActionButtons(props: Props) { customButton={ } + icon={} disabled={disabled} /> } @@ -53,7 +52,7 @@ export function IssueDetailWidgetActionButtons(props: Props) { customButton={ } + icon={} disabled={disabled} /> } @@ -66,7 +65,7 @@ export function IssueDetailWidgetActionButtons(props: Props) { customButton={ } + icon={} disabled={disabled} /> } @@ -82,7 +81,7 @@ export function IssueDetailWidgetActionButtons(props: Props) { customButton={ } + icon={} disabled={disabled} /> } diff --git a/apps/web/core/components/issues/issue-detail-widgets/attachments/quick-action-button.tsx b/apps/web/core/components/issues/issue-detail-widgets/attachments/quick-action-button.tsx index dc6155550f0..ff88b1aef57 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/attachments/quick-action-button.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/attachments/quick-action-button.tsx @@ -8,7 +8,7 @@ import React, { useCallback, useState } from "react"; import { observer } from "mobx-react"; import type { FileRejection } from "react-dropzone"; import { useDropzone } from "react-dropzone"; -import { PlusIcon } from "@plane/propel/icons"; +import { AddOutline } from "@makeplane/propel/icons"; // plane imports import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { TIssueServiceType } from "@plane/types"; @@ -103,7 +103,7 @@ export const IssueAttachmentActionButton = observer(function IssueAttachmentActi >
); diff --git a/apps/web/core/components/issues/issue-detail-widgets/links/quick-action-button.tsx b/apps/web/core/components/issues/issue-detail-widgets/links/quick-action-button.tsx index 7ed50892902..054ff87ae95 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/links/quick-action-button.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/links/quick-action-button.tsx @@ -6,7 +6,7 @@ import React from "react"; import { observer } from "mobx-react"; -import { PlusIcon } from "@plane/propel/icons"; +import { AddOutline } from "@makeplane/propel/icons"; // plane imports import type { TIssueServiceType } from "@plane/types"; // hooks @@ -32,7 +32,7 @@ export const IssueLinksActionButton = observer(function IssueLinksActionButton(p return ( ); }); diff --git a/apps/web/core/components/issues/issue-detail-widgets/relations/quick-action-button.tsx b/apps/web/core/components/issues/issue-detail-widgets/relations/quick-action-button.tsx index c2f41bcf3fa..c70f7da2aad 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/relations/quick-action-button.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/relations/quick-action-button.tsx @@ -8,7 +8,7 @@ import React from "react"; import { observer } from "mobx-react"; import { useTranslation } from "@plane/i18n"; -import { PlusIcon } from "@plane/propel/icons"; +import { AddOutline } from "@makeplane/propel/icons"; // plane imports import type { TIssueServiceType } from "@plane/types"; import { CustomMenu } from "@plane/ui"; @@ -41,7 +41,7 @@ export const RelationActionButton = observer(function RelationActionButton(props }; // button element - const customButtonElement = customButton ? <>{customButton} : ; + const customButtonElement = customButton ? <>{customButton} : ; return ( {isFilterApplied && } - +
} > diff --git a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/filters.tsx b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/filters.tsx index de9c765f9c3..aa38dfb13d1 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/filters.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/filters.tsx @@ -6,9 +6,8 @@ import { useMemo, useState } from "react"; import { observer } from "mobx-react"; -import { ListFilter } from "lucide-react"; +import { CloseOutline, FilterOutline, SearchOutline } from "@makeplane/propel/icons"; import { useTranslation } from "@plane/i18n"; -import { SearchIcon, CloseIcon } from "@plane/propel/icons"; import type { IIssueFilterOptions, IState } from "@plane/types"; import { cn } from "@plane/utils"; import { @@ -53,14 +52,14 @@ export const SubIssueFilters = observer(function SubIssueFilters(props: TSubIssu )} > {isFilterApplied && } - +
} >
- + {filtersSearchQuery !== "" && ( )}
diff --git a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-group.tsx b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-group.tsx index b76d7241002..da0db68e2a6 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-group.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-group.tsx @@ -8,7 +8,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; import { CircleDashed } from "lucide-react"; import { ALL_ISSUES } from "@plane/constants"; -import { ChevronRightIcon } from "@plane/propel/icons"; +import { ChevronRightOutline } from "@makeplane/propel/icons"; import type { IGroupByColumn, TIssue, TIssueServiceType, TSubIssueOperations } from "@plane/types"; import { EIssuesStoreType } from "@plane/types"; import { Collapsible } from "@plane/ui"; @@ -65,7 +65,7 @@ export const SubIssuesListGroup = observer(function SubIssuesListGroup(props: TS title={ !isAllIssues && (
- {subIssueHelpers.preview_loader.includes(issue.id) ? (
- +
) : (
-
- + {t("issue.edit")}
@@ -210,7 +209,7 @@ export const SubIssuesListItem = observer(function SubIssuesListItem(props: Prop }} >
- + {t("issue.copy_link")}
@@ -223,7 +222,7 @@ export const SubIssuesListItem = observer(function SubIssuesListItem(props: Prop }} >
- + {issueServiceType === EIssueServiceType.ISSUES ? t("issue.remove.parent.label") : t("issue.remove.label")} @@ -239,7 +238,7 @@ export const SubIssuesListItem = observer(function SubIssuesListItem(props: Prop }} >
- + {t("issue.delete.label")}
diff --git a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/properties.tsx b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/properties.tsx index 250e8ff883b..550a3eee451 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/properties.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/properties.tsx @@ -9,7 +9,7 @@ import type { SyntheticEvent } from "react"; import { useMemo } from "react"; import { observer } from "mobx-react"; import { useTranslation } from "@plane/i18n"; -import { StartDatePropertyIcon, DueDatePropertyIcon } from "@plane/propel/icons"; +import { DueDateOutline, StartDateOutline } from "@makeplane/propel/icons"; import type { IIssueDisplayProperties, TIssue } from "@plane/types"; import { getDate, renderFormattedPayloadDate, shouldHighlightIssueDueDate } from "@plane/utils"; // components @@ -172,7 +172,7 @@ export const SubIssuesListItemProperties = observer(function SubIssuesListItemPr onChange={handleStartDate} maxDate={maxDate} placeholder={t("common.order_by.start_date")} - icon={} + icon={} buttonVariant={issue.start_date ? "border-with-text" : "border-without-text"} optionsClassName="z-30" disabled={!canEdit} @@ -193,7 +193,7 @@ export const SubIssuesListItemProperties = observer(function SubIssuesListItemPr onChange={handleTargetDate} minDate={minDate} placeholder={t("common.order_by.due_date")} - icon={} + icon={} buttonVariant={issue.target_date ? "border-with-text" : "border-without-text"} buttonClassName={shouldHighlight ? "text-danger-primary" : ""} clearIconClassName="text-primary" diff --git a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/root.tsx b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/root.tsx index ef808a1fe7c..1b509f151df 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/root.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/root.tsx @@ -7,7 +7,7 @@ import { useCallback, useMemo } from "react"; import { observer } from "mobx-react"; // plane imports -import { ListFilter } from "lucide-react"; +import { FilterOutline } from "@makeplane/propel/icons"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; import type { GroupByColumnTypes, TIssue, TIssueServiceType, TSubIssueOperations } from "@plane/types"; @@ -99,7 +99,7 @@ export const SubIssuesListRoot = observer(function SubIssuesListRoot(props: Prop ? t("sub_work_item.empty_state.list_filters.description") : t("sub_work_item.empty_state.sub_list_filters.description") } - icon={} + icon={} customClassName={storeType !== EIssuesStoreType.EPIC ? "border-none" : ""} actionElement={
{t(item.labelTranslationKey)} diff --git a/apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/archived-at.tsx b/apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/archived-at.tsx index 588d2983398..31e3b9fd22b 100644 --- a/apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/archived-at.tsx +++ b/apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/archived-at.tsx @@ -5,9 +5,8 @@ */ import { observer } from "mobx-react"; -import { RotateCcw } from "lucide-react"; +import { ArchiveOutline, RefreshOutline } from "@makeplane/propel/icons"; // hooks -import { ArchiveIcon } from "@plane/propel/icons"; import { useIssueDetail } from "@/hooks/store/use-issue-detail"; // components import { IssueActivityBlockComponent } from "./"; @@ -30,9 +29,9 @@ export const IssueArchivedAtActivity = observer(function IssueArchivedAtActivity
diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/members.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/members.tsx index 411c28e75a5..8d15fac923a 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/members.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/members.tsx @@ -6,7 +6,7 @@ import { observer } from "mobx-react"; import { Avatar } from "@makeplane/propel/components/avatar"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // helpers import { getFileURL } from "@plane/utils"; // hooks @@ -47,7 +47,7 @@ export const AppliedMembersFilters = observer(function AppliedMembersFilters(pro className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(memberId)} > - + )}
diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/module.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/module.tsx index 2264ee6fdbb..abda79eb209 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/module.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/module.tsx @@ -6,7 +6,7 @@ import { observer } from "mobx-react"; // hooks -import { CloseIcon, ModuleIcon } from "@plane/propel/icons"; +import { CloseOutline, ModuleOutline } from "@makeplane/propel/icons"; import { useModule } from "@/hooks/store/use-module"; // ui @@ -30,7 +30,7 @@ export const AppliedModuleFilters = observer(function AppliedModuleFilters(props return (
- + {moduleDetails.name} {editable && ( )}
diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/priority.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/priority.tsx index db4ae8ddf0c..ba6440f38d2 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/priority.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/priority.tsx @@ -7,7 +7,8 @@ import { observer } from "mobx-react"; // icons -import { CloseIcon, PriorityIcon } from "@plane/propel/icons"; +import { PriorityIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; import type { TIssuePriorities } from "@plane/types"; // types @@ -32,7 +33,7 @@ export const AppliedPriorityFilters = observer(function AppliedPriorityFilters(p className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(priority)} > - + )}
diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/project.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/project.tsx index 7e71273869a..0c282c06db1 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/project.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/project.tsx @@ -6,7 +6,7 @@ import { observer } from "mobx-react"; import { Logo } from "@plane/propel/emoji-icon-picker"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // hooks import { useProject } from "@/hooks/store/use-project"; @@ -40,7 +40,7 @@ export const AppliedProjectFilters = observer(function AppliedProjectFilters(pro className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(projectId)} > - + )}
diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state-group.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state-group.tsx index f3ec236d9a4..4cc1655035c 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state-group.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state-group.tsx @@ -8,7 +8,8 @@ import { observer } from "mobx-react"; // icons import { EIconSize } from "@plane/constants"; -import { CloseIcon, StateGroupIcon } from "@plane/propel/icons"; +import { StateGroupIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; import type { TStateGroups } from "@plane/types"; type Props = { @@ -30,7 +31,7 @@ export const AppliedStateGroupFilters = observer(function AppliedStateGroupFilte className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(stateGroup)} > - +
))} diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state.tsx index 47be1809658..2e74fa5b519 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state.tsx @@ -8,7 +8,8 @@ import { observer } from "mobx-react"; // icons // plane imports import { EIconSize } from "@plane/constants"; -import { CloseIcon, StateGroupIcon } from "@plane/propel/icons"; +import { StateGroupIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; import type { IState } from "@plane/types"; type Props = { @@ -43,7 +44,7 @@ export const AppliedStateFilters = observer(function AppliedStateFilters(props: className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(stateId)} > - + )}
diff --git a/apps/web/core/components/issues/issue-layouts/filters/header/filters/module.tsx b/apps/web/core/components/issues/issue-layouts/filters/header/filters/module.tsx index 695dab108c9..2757c507822 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/header/filters/module.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/header/filters/module.tsx @@ -9,7 +9,7 @@ import { sortBy } from "lodash-es"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // components -import { ModuleIcon } from "@plane/propel/icons"; +import { ModuleOutline } from "@makeplane/propel/icons"; import { Loader } from "@plane/ui"; import { FilterHeader, FilterOption } from "@/components/issues/issue-layouts/filters"; import { useModule } from "@/hooks/store/use-module"; @@ -70,7 +70,7 @@ export const FilterModule = observer(function FilterModule(props: Props) { key={cycle.id} isChecked={appliedFilters?.includes(cycle.id) ? true : false} onClick={() => handleUpdate(cycle.id)} - icon={} + icon={} title={cycle.name} /> ))} diff --git a/apps/web/core/components/issues/issue-layouts/filters/header/helpers/filter-header.tsx b/apps/web/core/components/issues/issue-layouts/filters/header/helpers/filter-header.tsx index e6e2b80af00..986407fa050 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/header/helpers/filter-header.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/header/helpers/filter-header.tsx @@ -5,7 +5,7 @@ */ // plane imports -import { ChevronDownIcon, ChevronUpIcon } from "@plane/propel/icons"; +import { ChevronDownOutline, ChevronUpOutline } from "@makeplane/propel/icons"; type Props = { title: string; @@ -22,7 +22,7 @@ export function FilterHeader({ title, isPreviewEnabled, handleIsPreviewEnabled } className="grid h-5 w-5 flex-shrink-0 place-items-center rounded-sm hover:bg-layer-transparent-hover" onClick={handleIsPreviewEnabled} > - {isPreviewEnabled ? : } + {isPreviewEnabled ? : } ); diff --git a/apps/web/core/components/issues/issue-layouts/filters/header/helpers/filter-option.tsx b/apps/web/core/components/issues/issue-layouts/filters/header/helpers/filter-option.tsx index af27943edfd..76e631c6231 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/header/helpers/filter-option.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/header/helpers/filter-option.tsx @@ -4,7 +4,7 @@ * See the LICENSE file for details. */ -import { CheckIcon } from "@plane/propel/icons"; +import { TickOutline } from "@makeplane/propel/icons"; type Props = { icon?: React.ReactNode; @@ -29,7 +29,7 @@ export function FilterOption(props: Props) { isChecked ? "border-accent-strong bg-accent-primary text-on-color" : "border-strong" } ${multiple ? "rounded-xs" : "rounded-full"}`} > - {isChecked && } + {isChecked && }
{icon &&
{icon}
} diff --git a/apps/web/core/components/issues/issue-layouts/filters/header/mobile-layout-selection.tsx b/apps/web/core/components/issues/issue-layouts/filters/header/mobile-layout-selection.tsx index 14f74909465..03c3b4fe367 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/header/mobile-layout-selection.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/header/mobile-layout-selection.tsx @@ -7,7 +7,7 @@ import { ISSUE_LAYOUTS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { ChevronDownIcon } from "@plane/propel/icons"; +import { ChevronDownOutline } from "@makeplane/propel/icons"; import type { EIssueLayoutTypes } from "@plane/types"; import { CustomMenu } from "@plane/ui"; import { IssueLayoutIcon } from "../../layout-icon"; @@ -33,7 +33,7 @@ export function MobileLayoutSelection({ {activeLayout && ( )} - + } customButtonClassName="flex flex-grow justify-center text-secondary text-13" diff --git a/apps/web/core/components/issues/issue-layouts/group-drag-overlay.tsx b/apps/web/core/components/issues/issue-layouts/group-drag-overlay.tsx index 8da61601b84..502deca7ac8 100644 --- a/apps/web/core/components/issues/issue-layouts/group-drag-overlay.tsx +++ b/apps/web/core/components/issues/issue-layouts/group-drag-overlay.tsx @@ -5,7 +5,7 @@ */ import { useRef } from "react"; -import { AlertCircle } from "lucide-react"; +import { WarningCircleOutline } from "@makeplane/propel/icons"; // plane imports import { ISSUE_ORDER_BY_OPTIONS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; @@ -66,7 +66,7 @@ export function GroupDragOverlay(props: Props) { > {dropErrorMessage ? (
-   +   {dropErrorMessage}
) : ( diff --git a/apps/web/core/components/issues/issue-layouts/kanban/block.tsx b/apps/web/core/components/issues/issue-layouts/kanban/block.tsx index 046879b6747..e64e356c703 100644 --- a/apps/web/core/components/issues/issue-layouts/kanban/block.tsx +++ b/apps/web/core/components/issues/issue-layouts/kanban/block.tsx @@ -11,7 +11,7 @@ import { draggable, dropTargetForElements } from "@atlaskit/pragmatic-drag-and-d import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // plane helpers -import { MoreHorizontal } from "lucide-react"; +import { MoreHorizontalOutline } from "@makeplane/propel/icons"; import { useOutsideClickDetector } from "@plane/hooks"; // types import { TOAST_TYPE, setToast } from "@plane/propel/toast"; @@ -80,7 +80,7 @@ const KanbanIssueDetailsBlock = observer(function KanbanIssueDetailsBlock(props: }`} onClick={() => setIsMenuActive(!isMenuActive)} > - +
); diff --git a/apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx b/apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx index 044ba461405..9c1f05063b2 100644 --- a/apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx +++ b/apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx @@ -8,8 +8,8 @@ import React from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // lucide icons -import { Minimize2, Maximize2, Circle } from "lucide-react"; -import { PlusIcon } from "@plane/propel/icons"; +import { Circle } from "lucide-react"; +import { AddOutline, ArrowCollapseOutline, FullScreenOutline } from "@makeplane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { TIssue, ISearchIssueResponse, TIssueKanbanFilters, TIssueGroupByOptions } from "@plane/types"; // ui @@ -141,9 +141,9 @@ export const HeaderGroupByCard = observer(function HeaderGroupByCard(props: IHea onClick={() => handleCollapsedGroups("group_by", column_id)} > {verticalAlignPosition ? ( - + ) : ( - + )} )} @@ -153,7 +153,7 @@ export const HeaderGroupByCard = observer(function HeaderGroupByCard(props: IHea - + } placement="bottom-end" @@ -180,7 +180,7 @@ export const HeaderGroupByCard = observer(function HeaderGroupByCard(props: IHea setIsOpen(true); }} > - + ))} diff --git a/apps/web/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx b/apps/web/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx index 960b7574b0a..f7aa23faeea 100644 --- a/apps/web/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx +++ b/apps/web/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx @@ -7,7 +7,7 @@ import React from "react"; import { observer } from "mobx-react"; import { Circle } from "lucide-react"; -import { ChevronDownIcon, ChevronUpIcon } from "@plane/propel/icons"; +import { ChevronDownOutline, ChevronUpOutline } from "@makeplane/propel/icons"; // Plane import type { TIssueGroupByOptions, TIssueKanbanFilters } from "@plane/types"; @@ -31,9 +31,9 @@ export const HeaderSubGroupByCard = observer(function HeaderSubGroupByCard(props >
{collapsedGroups?.sub_group_by.includes(column_id) ? ( - + ) : ( - + )}
diff --git a/apps/web/core/components/issues/issue-layouts/layout-icon.tsx b/apps/web/core/components/issues/issue-layouts/layout-icon.tsx index 5b06251f627..04a90895509 100644 --- a/apps/web/core/components/issues/issue-layouts/layout-icon.tsx +++ b/apps/web/core/components/issues/issue-layouts/layout-icon.tsx @@ -4,13 +4,7 @@ * See the LICENSE file for details. */ -import { - ListLayoutIcon, - BoardLayoutIcon, - CalendarLayoutIcon, - SheetLayoutIcon, - TimelineLayoutIcon, -} from "@plane/propel/icons"; +import { BoardOutline, CalendarOutline, ListOutline, TableOutline, TimelineOutline } from "@makeplane/propel/icons"; import type { ISvgIcons } from "@plane/propel/icons"; import { EIssueLayoutTypes } from "@plane/types"; @@ -26,15 +20,15 @@ export function IssueLayoutIcon({ switch (layout) { case EIssueLayoutTypes.LIST: - return ; + return ; case EIssueLayoutTypes.KANBAN: - return ; + return ; case EIssueLayoutTypes.CALENDAR: - return ; + return ; case EIssueLayoutTypes.SPREADSHEET: - return ; + return ; case EIssueLayoutTypes.GANTT: - return ; + return ; default: return null; } diff --git a/apps/web/core/components/issues/issue-layouts/list/block.tsx b/apps/web/core/components/issues/issue-layouts/list/block.tsx index aea5a059730..c146e98658f 100644 --- a/apps/web/core/components/issues/issue-layouts/list/block.tsx +++ b/apps/web/core/components/issues/issue-layouts/list/block.tsx @@ -10,7 +10,7 @@ import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine"; import { draggable } from "@atlaskit/pragmatic-drag-and-drop/element/adapter"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { ChevronRightIcon } from "@plane/propel/icons"; +import { ChevronRightOutline } from "@makeplane/propel/icons"; // types import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@makeplane/propel/components/tooltip"; @@ -250,7 +250,7 @@ export const IssueBlock = observer(function IssueBlock(props: IssueBlockProps) { className="grid size-4 place-items-center rounded-xs text-placeholder hover:text-tertiary" onClick={handleToggleExpand} > - - + } > @@ -152,7 +152,7 @@ export const HeaderGroupByCard = observer(function HeaderGroupByCard(props: IHea setIsOpen(true); }} > - + ))} diff --git a/apps/web/core/components/issues/issue-layouts/properties/all-properties.tsx b/apps/web/core/components/issues/issue-layouts/properties/all-properties.tsx index 8e5222bb6b6..84b79d458f5 100644 --- a/apps/web/core/components/issues/issue-layouts/properties/all-properties.tsx +++ b/apps/web/core/components/issues/issue-layouts/properties/all-properties.tsx @@ -10,10 +10,9 @@ import { xor } from "lodash-es"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // icons -import { Paperclip } from "lucide-react"; +import { AttachOutline, DueDateOutline, LinkOutline, StartDateOutline, ViewsOutline } from "@makeplane/propel/icons"; // i18n import { useTranslation } from "@plane/i18n"; -import { LinkIcon, StartDatePropertyIcon, ViewsIcon, DueDatePropertyIcon } from "@plane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { TIssue, IIssueDisplayProperties, TIssuePriorities } from "@plane/types"; // ui @@ -278,7 +277,7 @@ export const IssueProperties = observer(function IssueProperties(props: IIssuePr onChange={handleStartDate} maxDate={maxDate} placeholder={t("common.order_by.start_date")} - icon={} + icon={} buttonVariant={issue.start_date ? "border-with-text" : "border-without-text"} optionsClassName="z-10" disabled={isReadOnly} @@ -302,7 +301,7 @@ export const IssueProperties = observer(function IssueProperties(props: IIssuePr onChange={handleTargetDate} minDate={minDate} placeholder={t("common.order_by.due_date")} - icon={} + icon={} buttonVariant={issue.target_date ? "border-with-text" : "border-without-text"} buttonClassName={ shouldHighlightIssueDueDate(issue.target_date, stateDetails?.group) ? "text-danger-primary" : "" @@ -426,7 +425,7 @@ export const IssueProperties = observer(function IssueProperties(props: IIssuePr } )} > - +
{subIssueCount}
@@ -446,7 +445,7 @@ export const IssueProperties = observer(function IssueProperties(props: IIssuePr onFocus={handleEventPropagation} onClick={handleEventPropagation} > - +
{issue.attachment_count}
@@ -465,7 +464,7 @@ export const IssueProperties = observer(function IssueProperties(props: IIssuePr onFocus={handleEventPropagation} onClick={handleEventPropagation} > - +
{issue.link_count}
diff --git a/apps/web/core/components/issues/issue-layouts/properties/label-dropdown.tsx b/apps/web/core/components/issues/issue-layouts/properties/label-dropdown.tsx index a6f73512848..98b018ff9a8 100644 --- a/apps/web/core/components/issues/issue-layouts/properties/label-dropdown.tsx +++ b/apps/web/core/components/issues/issue-layouts/properties/label-dropdown.tsx @@ -8,13 +8,12 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import type { Placement } from "@popperjs/core"; import { useParams } from "next/navigation"; import { usePopper } from "react-popper"; -import { Loader } from "lucide-react"; +import { ChevronDownOutline, LoadingOutline, SearchOutline, TickOutline } from "@makeplane/propel/icons"; import { Combobox } from "@headlessui/react"; // plane imports import { EUserPermissionsLevel, getRandomLabelColor } from "@plane/constants"; import { useOutsideClickDetector } from "@plane/hooks"; import { useTranslation } from "@plane/i18n"; -import { CheckIcon, SearchIcon, ChevronDownIcon } from "@plane/propel/icons"; // types import type { IIssueLabel } from "@plane/types"; import { EUserProjectRoles } from "@plane/types"; @@ -216,7 +215,7 @@ export function LabelDropdown(props: ILabelDropdownProps) { disabled={disabled} > {label} - {!hideDropdownArrow && !disabled &&
- ))} diff --git a/apps/web/core/components/issues/peek-overview/error.tsx b/apps/web/core/components/issues/peek-overview/error.tsx index a494ce977f1..a3472154576 100644 --- a/apps/web/core/components/issues/peek-overview/error.tsx +++ b/apps/web/core/components/issues/peek-overview/error.tsx @@ -4,7 +4,7 @@ * See the LICENSE file for details. */ -import { MoveRight } from "lucide-react"; +import { ArrowNarrowRightOutline } from "@makeplane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; // assets import emptyIssue from "@/app/assets/empty-state/issue.svg?url"; @@ -27,7 +27,7 @@ export function IssuePeekOverviewError(props: TIssuePeekOverviewError) {
diff --git a/apps/web/core/components/issues/peek-overview/header.tsx b/apps/web/core/components/issues/peek-overview/header.tsx index 5e3855bce27..1ba6f471d19 100644 --- a/apps/web/core/components/issues/peek-overview/header.tsx +++ b/apps/web/core/components/issues/peek-overview/header.tsx @@ -7,10 +7,16 @@ import { useRef } from "react"; import { observer } from "mobx-react"; import Link from "next/link"; -import { MoveDiagonal, MoveRight } from "lucide-react"; +import { + ArrowNarrowRightOutline, + DragDropOutline, + FullScreenPeekOutline, + LinkOutline, + ModalPeekOutline, + SidePeekOutline, +} from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; -import { CenterPanelIcon, CopyLinkIcon, FullScreenPanelIcon, SidePanelIcon } from "@plane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { TNameDescriptionLoader } from "@plane/types"; @@ -34,17 +40,17 @@ export type TPeekModes = "side-peek" | "modal" | "full-screen"; const PEEK_OPTIONS: { key: TPeekModes; icon: any; i18n_title: string }[] = [ { key: "side-peek", - icon: SidePanelIcon, + icon: SidePeekOutline, i18n_title: "common.side_peek", }, { key: "modal", - icon: CenterPanelIcon, + icon: ModalPeekOutline, i18n_title: "common.modal", }, { key: "full-screen", - icon: FullScreenPanelIcon, + icon: FullScreenPeekOutline, i18n_title: "common.full_screen", }, ]; @@ -161,13 +167,13 @@ export const IssuePeekOverviewHeader = observer(function IssuePeekOverviewHeader
removeRoutePeekId()}> - + {currentMode && embedIssue === false && ( @@ -206,7 +212,7 @@ export const IssuePeekOverviewHeader = observer(function IssuePeekOverviewHeader )} - + {issueDetails && ( diff --git a/apps/web/core/components/issues/peek-overview/properties.tsx b/apps/web/core/components/issues/peek-overview/properties.tsx index 8f35cc1645a..46476ff1193 100644 --- a/apps/web/core/components/issues/peek-overview/properties.tsx +++ b/apps/web/core/components/issues/peek-overview/properties.tsx @@ -9,18 +9,18 @@ import { observer } from "mobx-react"; import { useTranslation } from "@plane/i18n"; // ui icons import { - CycleIcon, - StatePropertyIcon, - ModuleIcon, - MembersPropertyIcon, - PriorityPropertyIcon, - StartDatePropertyIcon, - DueDatePropertyIcon, - LabelPropertyIcon, - UserCirclePropertyIcon, - EstimatePropertyIcon, - ParentPropertyIcon, -} from "@plane/propel/icons"; + CyclesOutline, + DueDateOutline, + EstimateOutline, + LabelsOutline, + MembersOutline, + ModuleOutline, + ParentOutline, + PriorityOutline, + StartDateOutline, + StateOutline, + UserOutline, +} from "@makeplane/propel/icons"; import { cn, getDate, renderFormattedPayloadDate, shouldHighlightIssueDueDate } from "@plane/utils"; // components import { DateDropdown } from "@/components/dropdowns/date"; @@ -78,7 +78,7 @@ export const PeekOverviewProperties = observer(function PeekOverviewProperties(p
{t("common.properties")}
- + issueOperations.update(workspaceSlug, projectId, issueId, { state_id: val })} @@ -93,7 +93,7 @@ export const PeekOverviewProperties = observer(function PeekOverviewProperties(p /> - + issueOperations.update(workspaceSlug, projectId, issueId, { assignee_ids: val })} @@ -111,7 +111,7 @@ export const PeekOverviewProperties = observer(function PeekOverviewProperties(p /> - + issueOperations.update(workspaceSlug, projectId, issueId, { priority: val })} @@ -124,11 +124,7 @@ export const PeekOverviewProperties = observer(function PeekOverviewProperties(p {createdByDetails && ( - + )} - + @@ -159,7 +155,7 @@ export const PeekOverviewProperties = observer(function PeekOverviewProperties(p /> - +
{isEstimateEnabled && ( - + issueOperations.update(workspaceSlug, projectId, issueId, { estimate_point: val })} @@ -204,7 +200,7 @@ export const PeekOverviewProperties = observer(function PeekOverviewProperties(p )} {projectDetails?.module_view && ( - + + )} - + - +
diff --git a/apps/web/core/components/issues/preview-card/date.tsx b/apps/web/core/components/issues/preview-card/date.tsx index 9f95f330270..e0b130f39ca 100644 --- a/apps/web/core/components/issues/preview-card/date.tsx +++ b/apps/web/core/components/issues/preview-card/date.tsx @@ -4,9 +4,8 @@ * See the LICENSE file for details. */ -import { CalendarDays } from "lucide-react"; +import { CalendarOutline, DueDateOutline, StartDateOutline } from "@makeplane/propel/icons"; // plane imports -import { DueDatePropertyIcon, StartDatePropertyIcon } from "@plane/propel/icons"; import type { TStateGroups } from "@plane/types"; import { cn, renderFormattedDate, shouldHighlightIssueDueDate } from "@plane/utils"; @@ -32,14 +31,14 @@ export function WorkItemPreviewCardDate(props: Props) { "text-danger-primary": shouldHighlightDate, })} > - + {renderFormattedDate(startDate)} - {renderFormattedDate(targetDate)}
) : startDate ? (
- + {renderFormattedDate(startDate)}
) : ( @@ -48,7 +47,7 @@ export function WorkItemPreviewCardDate(props: Props) { "text-danger-primary": shouldHighlightDate, })} > - + {renderFormattedDate(targetDate)}
)} diff --git a/apps/web/core/components/issues/relations/issue-list-item.tsx b/apps/web/core/components/issues/relations/issue-list-item.tsx index 15b1a4e79d0..ade8f7d8a2e 100644 --- a/apps/web/core/components/issues/relations/issue-list-item.tsx +++ b/apps/web/core/components/issues/relations/issue-list-item.tsx @@ -7,7 +7,7 @@ import React from "react"; import { observer } from "mobx-react"; import { useTranslation } from "@plane/i18n"; -import { LinkIcon, EditIcon, TrashIcon, CloseIcon } from "@plane/propel/icons"; +import { CloseOutline, DeleteOutline, EditOutline, LinkOutline } from "@makeplane/propel/icons"; // plane imports import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { TIssueRelationTypes } from "@plane/types"; @@ -168,7 +168,7 @@ export const RelationIssueListItem = observer(function RelationIssueListItem(pro {!disabled && (
- + {t("common.actions.edit")}
@@ -176,7 +176,7 @@ export const RelationIssueListItem = observer(function RelationIssueListItem(pro
- + {t("common.actions.copy_link")}
@@ -184,7 +184,7 @@ export const RelationIssueListItem = observer(function RelationIssueListItem(pro {!disabled && (
- + {t("common.actions.remove_relation")}
@@ -193,7 +193,7 @@ export const RelationIssueListItem = observer(function RelationIssueListItem(pro {!disabled && (
- + {t("common.actions.delete")}
diff --git a/apps/web/core/components/issues/select/base.tsx b/apps/web/core/components/issues/select/base.tsx index 67d11aba909..24507edaad1 100644 --- a/apps/web/core/components/issues/select/base.tsx +++ b/apps/web/core/components/issues/select/base.tsx @@ -8,13 +8,12 @@ import React, { useEffect, useRef, useState } from "react"; import type { Placement } from "@popperjs/core"; import { observer } from "mobx-react"; import { usePopper } from "react-popper"; -import { Component, Loader } from "lucide-react"; +import { GroupOutline, LabelsOutline, LoadingOutline, SearchOutline, TickOutline } from "@makeplane/propel/icons"; import { Combobox } from "@headlessui/react"; import { getRandomLabelColor } from "@plane/constants"; // plane imports import { useOutsideClickDetector } from "@plane/hooks"; import { useTranslation } from "@plane/i18n"; -import { CheckIcon, SearchIcon, LabelPropertyIcon } from "@plane/propel/icons"; import type { IIssueLabel } from "@plane/types"; import { cn } from "@plane/utils"; // components @@ -185,7 +184,7 @@ export const WorkItemLabelSelectBase = observer(function WorkItemLabelSelectBase buttonClassName )} > - + {t("labels")}
)} @@ -199,7 +198,7 @@ export const WorkItemLabelSelectBase = observer(function WorkItemLabelSelectBase {...attributes.popper} >
- + {label.name}
- +
)} @@ -252,7 +251,7 @@ export const WorkItemLabelSelectBase = observer(function WorkItemLabelSelectBase return (
  • - {label.name} + {label.name}
      {children.map((child) => ( @@ -278,7 +277,7 @@ export const WorkItemLabelSelectBase = observer(function WorkItemLabelSelectBase {child.name}
      - +
      )} @@ -290,7 +289,7 @@ export const WorkItemLabelSelectBase = observer(function WorkItemLabelSelectBase })}
    ) : submitting ? ( - + ) : createLabelEnabled ? (

    { diff --git a/apps/web/core/components/issues/workspace-draft/draft-issue-block.tsx b/apps/web/core/components/issues/workspace-draft/draft-issue-block.tsx index 23288a6bd23..d863534670f 100644 --- a/apps/web/core/components/issues/workspace-draft/draft-issue-block.tsx +++ b/apps/web/core/components/issues/workspace-draft/draft-issue-block.tsx @@ -8,7 +8,7 @@ import React, { useRef, useState } from "react"; import { omit } from "lodash-es"; import { observer } from "mobx-react"; import { SquareStackIcon } from "lucide-react"; -import { CopyIcon, EditIcon, TrashIcon } from "@plane/propel/icons"; +import { CopyOutline, DeleteOutline, EditOutline } from "@makeplane/propel/icons"; // plane utils import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { TWorkspaceDraftIssue } from "@plane/types"; @@ -64,7 +64,7 @@ export const DraftIssueBlock = observer(function DraftIssueBlock(props: Props) { { key: "edit", title: "edit", - icon: EditIcon, + icon: EditOutline, action: () => { setIssueToEdit(issue); setCreateUpdateIssueModal(true); @@ -73,7 +73,7 @@ export const DraftIssueBlock = observer(function DraftIssueBlock(props: Props) { { key: "make-a-copy", title: "make_a_copy", - icon: CopyIcon, + icon: CopyOutline, action: () => { setCreateUpdateIssueModal(true); }, @@ -91,7 +91,7 @@ export const DraftIssueBlock = observer(function DraftIssueBlock(props: Props) { { key: "delete", title: "delete", - icon: TrashIcon, + icon: DeleteOutline, action: () => { setDeleteIssueModal(true); }, diff --git a/apps/web/core/components/issues/workspace-draft/draft-issue-properties.tsx b/apps/web/core/components/issues/workspace-draft/draft-issue-properties.tsx index 123d59d7977..21fe204a7d4 100644 --- a/apps/web/core/components/issues/workspace-draft/draft-issue-properties.tsx +++ b/apps/web/core/components/issues/workspace-draft/draft-issue-properties.tsx @@ -8,7 +8,7 @@ import { useCallback, useMemo } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // icons -import { DueDatePropertyIcon, StartDatePropertyIcon } from "@plane/propel/icons"; +import { DueDateOutline, StartDateOutline } from "@makeplane/propel/icons"; // types import type { TIssuePriorities, TWorkspaceDraftIssue } from "@plane/types"; import { getDate, renderFormattedPayloadDate, shouldHighlightIssueDueDate } from "@plane/utils"; @@ -185,7 +185,7 @@ export const DraftIssueProperties = observer(function DraftIssueProperties(props onChange={handleStartDate} maxDate={maxDate} placeholder="Start date" - icon={} + icon={} buttonVariant={issue.start_date ? "border-with-text" : "border-without-text"} optionsClassName="z-10" renderByDefault={isMobile} @@ -200,7 +200,7 @@ export const DraftIssueProperties = observer(function DraftIssueProperties(props onChange={handleTargetDate} minDate={minDate} placeholder="Due date" - icon={} + icon={} buttonVariant={issue.target_date ? "border-with-text" : "border-without-text"} buttonClassName={ shouldHighlightIssueDueDate(issue?.target_date || null, stateDetails?.group) ? "text-danger-primary" : "" diff --git a/apps/web/core/components/labels/label-block/label-item-block.tsx b/apps/web/core/components/labels/label-block/label-item-block.tsx index 00298ebe310..4dcf69237c3 100644 --- a/apps/web/core/components/labels/label-block/label-item-block.tsx +++ b/apps/web/core/components/labels/label-block/label-item-block.tsx @@ -10,7 +10,7 @@ import type { LucideIcon } from "lucide-react"; // plane helpers import { useOutsideClickDetector } from "@plane/hooks"; import type { ISvgIcons } from "@plane/propel/icons"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // types import type { IIssueLabel } from "@plane/types"; // ui @@ -101,7 +101,7 @@ export function LabelItemBlock(props: ILabelItemBlock) { handleLabelDelete(label); }} > - + )} diff --git a/apps/web/core/components/labels/label-block/label-name.tsx b/apps/web/core/components/labels/label-block/label-name.tsx index 23e0c60ac89..5698e47b036 100644 --- a/apps/web/core/components/labels/label-block/label-name.tsx +++ b/apps/web/core/components/labels/label-block/label-name.tsx @@ -4,7 +4,7 @@ * See the LICENSE file for details. */ -import { Component } from "lucide-react"; +import { GroupOutline } from "@makeplane/propel/icons"; interface ILabelName { name: string; @@ -18,7 +18,7 @@ export function LabelName(props: ILabelName) { return (

    {isGroup ? ( - + ) : ( { setEditLabelForm(true); setIsUpdating(true); @@ -64,7 +64,7 @@ export const ProjectSettingLabelGroup = observer(function ProjectSettingLabelGro key: "edit_label", }, { - CustomIcon: TrashIcon, + CustomIcon: DeleteOutline, onClick: () => { handleLabelDelete(label); }, @@ -117,7 +117,7 @@ export const ProjectSettingLabelGroup = observer(function ProjectSettingLabelGro - diff --git a/apps/web/core/components/labels/project-setting-label-item.tsx b/apps/web/core/components/labels/project-setting-label-item.tsx index 8955617ef55..23169a60b1c 100644 --- a/apps/web/core/components/labels/project-setting-label-item.tsx +++ b/apps/web/core/components/labels/project-setting-label-item.tsx @@ -7,7 +7,7 @@ import type { Dispatch, SetStateAction } from "react"; import { useState } from "react"; import { useParams } from "next/navigation"; -import { EditIcon, CloseIcon } from "@plane/propel/icons"; +import { CloseOutline, EditOutline } from "@makeplane/propel/icons"; // types import type { IIssueLabel } from "@plane/types"; // hooks @@ -65,14 +65,14 @@ export function ProjectSettingLabelItem(props: Props) { const customMenuItems: ICustomMenuItem[] = [ { - CustomIcon: CloseIcon, + CustomIcon: CloseOutline, onClick: removeFromGroup, isVisible: !!label.parent, text: "Remove from group", key: "remove_from_group", }, { - CustomIcon: EditIcon, + CustomIcon: EditOutline, onClick: () => { setEditLabelForm(true); setIsUpdating(true); diff --git a/apps/web/core/components/license/modal/card/base-paid-plan-card.tsx b/apps/web/core/components/license/modal/card/base-paid-plan-card.tsx index 3cc5ef6140e..4c2ecf17ee0 100644 --- a/apps/web/core/components/license/modal/card/base-paid-plan-card.tsx +++ b/apps/web/core/components/license/modal/card/base-paid-plan-card.tsx @@ -6,7 +6,7 @@ import { useState, Fragment } from "react"; import { observer } from "mobx-react"; -import { CheckCircle } from "lucide-react"; +import { TickCircleOutline } from "@makeplane/propel/icons"; import { Tab } from "@headlessui/react"; // plane imports // helpers @@ -81,7 +81,7 @@ export const BasePaidPlanCard = observer(function BasePaidPlanCard(props: TBaseP })} >

    - + {feature}

    • diff --git a/apps/web/core/components/license/modal/card/free-plan.tsx b/apps/web/core/components/license/modal/card/free-plan.tsx index f07ff519ee9..380e214e34b 100644 --- a/apps/web/core/components/license/modal/card/free-plan.tsx +++ b/apps/web/core/components/license/modal/card/free-plan.tsx @@ -5,7 +5,7 @@ */ import { observer } from "mobx-react"; -import { CircleX } from "lucide-react"; +import { CloseCircleOutline } from "@makeplane/propel/icons"; // plane constants import { FREE_PLAN_UPGRADE_FEATURES } from "@plane/constants"; // helpers @@ -35,7 +35,7 @@ export const FreePlanCard = observer(function FreePlanCard(props: FreePlanCardPr {FREE_PLAN_UPGRADE_FEATURES.map((feature) => (

  • - + {feature}

    • diff --git a/apps/web/core/components/modules/analytics-sidebar/issue-progress.tsx b/apps/web/core/components/modules/analytics-sidebar/issue-progress.tsx index 79b8df2c367..bbec9a47571 100644 --- a/apps/web/core/components/modules/analytics-sidebar/issue-progress.tsx +++ b/apps/web/core/components/modules/analytics-sidebar/issue-progress.tsx @@ -7,11 +7,10 @@ import { Fragment, useMemo, useState } from "react"; import { observer } from "mobx-react"; import { useSearchParams } from "next/navigation"; -import { AlertCircle } from "lucide-react"; +import { ChevronDownOutline, ChevronUpOutline, WarningCircleOutline } from "@makeplane/propel/icons"; import { Disclosure, Transition } from "@headlessui/react"; import { EEstimateSystem } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { ChevronUpIcon, ChevronDownIcon } from "@plane/propel/icons"; import type { TModulePlotType } from "@plane/types"; import { EIssuesStoreType } from "@plane/types"; import { CustomSelect, Spinner } from "@plane/ui"; @@ -157,9 +156,9 @@ export const ModuleAnalyticsProgress = observer(function ModuleAnalyticsProgress )} {open ? ( - @@ -167,7 +166,7 @@ export const ModuleAnalyticsProgress = observer(function ModuleAnalyticsProgress
    Progress
    - + {moduleDetails?.start_date && moduleDetails?.target_date ? t("project_module.empty_state.sidebar.in_active") diff --git a/apps/web/core/components/modules/analytics-sidebar/root.tsx b/apps/web/core/components/modules/analytics-sidebar/root.tsx index bd4da3f1715..73abc4de9dc 100644 --- a/apps/web/core/components/modules/analytics-sidebar/root.tsx +++ b/apps/web/core/components/modules/analytics-sidebar/root.tsx @@ -8,20 +8,21 @@ import { useEffect, useState } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import { Controller, useForm } from "react-hook-form"; -import { Info, SquareUser } from "lucide-react"; +import { + AddOutline, + ChevronDownOutline, + ChevronRightOutline, + InfoOutline, + MembersOutline, + StartDateOutline, + UserAltOutline, + WorkItemsOutline, +} from "@makeplane/propel/icons"; import { Disclosure, Transition } from "@headlessui/react"; import { MODULE_STATUS, EUserPermissions, EUserPermissionsLevel, EEstimateSystem } from "@plane/constants"; // plane types import { useTranslation } from "@plane/i18n"; -import { - PlusIcon, - MembersPropertyIcon, - ModuleStatusIcon, - WorkItemsIcon, - StartDatePropertyIcon, - ChevronDownIcon, - ChevronRightIcon, -} from "@plane/propel/icons"; +import { ModuleStatusIcon } from "@plane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { ILinkDetails, IModule, ModuleLink } from "@plane/types"; // plane ui @@ -189,7 +190,7 @@ export const ModuleAnalyticsSidebar = observer(function ModuleAnalyticsSidebar(p className="flex h-5 w-5 items-center justify-center rounded-full bg-layer-3" onClick={() => handleClose()} > - +
    @@ -246,7 +247,7 @@ export const ModuleAnalyticsSidebar = observer(function ModuleAnalyticsSidebar(p
    - + {t("date_range")}
    @@ -288,7 +289,7 @@ export const ModuleAnalyticsSidebar = observer(function ModuleAnalyticsSidebar(p
    - + {t("lead")}
    )} @@ -314,7 +315,7 @@ export const ModuleAnalyticsSidebar = observer(function ModuleAnalyticsSidebar(p
    - + {t("members")}
    - + {t("issues")}
    @@ -353,7 +354,7 @@ export const ModuleAnalyticsSidebar = observer(function ModuleAnalyticsSidebar(p {isEstimatePointValid && (
    - + {t("points")}
    @@ -382,7 +383,7 @@ export const ModuleAnalyticsSidebar = observer(function ModuleAnalyticsSidebar(p {t("common.links")}
    -
    @@ -417,7 +418,7 @@ export const ModuleAnalyticsSidebar = observer(function ModuleAnalyticsSidebar(p ) : (
    - + {t("common.no_links_added_yet")}
    {isEditingAllowed && !isArchived && ( @@ -425,7 +426,7 @@ export const ModuleAnalyticsSidebar = observer(function ModuleAnalyticsSidebar(p className="flex items-center gap-1.5 text-13 font-medium text-accent-primary" onClick={() => setModuleLinkModal(true)} > - + {t("add_link")} )} diff --git a/apps/web/core/components/modules/applied-filters/date.tsx b/apps/web/core/components/modules/applied-filters/date.tsx index 1169f2aeaf1..33f9699204c 100644 --- a/apps/web/core/components/modules/applied-filters/date.tsx +++ b/apps/web/core/components/modules/applied-filters/date.tsx @@ -7,7 +7,7 @@ import { observer } from "mobx-react"; // icons import { DATE_AFTER_FILTER_OPTIONS } from "@plane/constants"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; import { renderFormattedDate, capitalizeFirstLetter } from "@plane/utils"; // helpers // constants @@ -51,7 +51,7 @@ export const AppliedDateFilters = observer(function AppliedDateFilters(props: Pr className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(date)} > - + )}
    diff --git a/apps/web/core/components/modules/applied-filters/members.tsx b/apps/web/core/components/modules/applied-filters/members.tsx index 30c9615cf54..94ba7ca0062 100644 --- a/apps/web/core/components/modules/applied-filters/members.tsx +++ b/apps/web/core/components/modules/applied-filters/members.tsx @@ -6,7 +6,7 @@ import { observer } from "mobx-react"; import { Avatar } from "@makeplane/propel/components/avatar"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // helpers import { getFileURL } from "@plane/utils"; // hooks @@ -47,7 +47,7 @@ export const AppliedMembersFilters = observer(function AppliedMembersFilters(pro className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(memberId)} > - + )}
    diff --git a/apps/web/core/components/modules/applied-filters/root.tsx b/apps/web/core/components/modules/applied-filters/root.tsx index 5852f4b6ecc..8062c5d743d 100644 --- a/apps/web/core/components/modules/applied-filters/root.tsx +++ b/apps/web/core/components/modules/applied-filters/root.tsx @@ -6,7 +6,7 @@ import { useTranslation } from "@plane/i18n"; import { PillButton } from "@makeplane/propel/components/pill"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; import type { TModuleDisplayFilters, TModuleFilters } from "@plane/types"; // components import { Header, EHeaderVariant } from "@plane/ui"; @@ -88,7 +88,7 @@ export function ModuleAppliedFiltersList(props: Props) { className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemoveFilter(filterKey, null)} > - + )}
    @@ -115,7 +115,7 @@ export function ModuleAppliedFiltersList(props: Props) { }) } > - + )}
    @@ -128,7 +128,7 @@ export function ModuleAppliedFiltersList(props: Props) { size="md" variant="outline" label={t("common.clear_all")} - endIcon={} + endIcon={} onClick={handleClearAllFilters} /> )} diff --git a/apps/web/core/components/modules/applied-filters/status.tsx b/apps/web/core/components/modules/applied-filters/status.tsx index 582119fcc1f..ee2307c07ce 100644 --- a/apps/web/core/components/modules/applied-filters/status.tsx +++ b/apps/web/core/components/modules/applied-filters/status.tsx @@ -8,7 +8,8 @@ import { observer } from "mobx-react"; // ui import { MODULE_STATUS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { CloseIcon, ModuleStatusIcon } from "@plane/propel/icons"; +import { ModuleStatusIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // constants type Props = { @@ -37,7 +38,7 @@ export const AppliedStatusFilters = observer(function AppliedStatusFilters(props className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(status)} > - + )}
    diff --git a/apps/web/core/components/modules/archived-modules/header.tsx b/apps/web/core/components/modules/archived-modules/header.tsx index 06f52ef0e0c..134bfd4d5db 100644 --- a/apps/web/core/components/modules/archived-modules/header.tsx +++ b/apps/web/core/components/modules/archived-modules/header.tsx @@ -8,9 +8,8 @@ import { useCallback, useRef, useState } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // icons -import { ListFilter } from "lucide-react"; +import { CloseOutline, FilterOutline, SearchOutline } from "@makeplane/propel/icons"; import { useOutsideClickDetector } from "@plane/hooks"; -import { SearchIcon, CloseIcon } from "@plane/propel/icons"; // plane helpers // types import type { TModuleFilters } from "@plane/types"; @@ -96,7 +95,7 @@ export const ArchivedModulesHeader = observer(function ArchivedModulesHeader() { inputRef.current?.focus(); }} > - + )}
    - + - + )}
    @@ -139,7 +138,7 @@ export const ArchivedModulesHeader = observer(function ArchivedModulesHeader() { }} /> } + icon={} title="Filters" placement="bottom-end" isFiltersApplied={isFiltersApplied} diff --git a/apps/web/core/components/modules/dropdowns/filters/root.tsx b/apps/web/core/components/modules/dropdowns/filters/root.tsx index d2169b7fa73..13b85453467 100644 --- a/apps/web/core/components/modules/dropdowns/filters/root.tsx +++ b/apps/web/core/components/modules/dropdowns/filters/root.tsx @@ -8,7 +8,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; import type { TModuleStatus } from "@plane/propel/icons"; // plane imports -import { CloseIcon, SearchIcon } from "@plane/propel/icons"; +import { CloseOutline, SearchOutline } from "@makeplane/propel/icons"; import type { TModuleDisplayFilters, TModuleFilters } from "@plane/types"; // components import { FilterOption } from "@/components/issues/issue-layouts/filters"; @@ -43,7 +43,7 @@ export const ModuleFiltersSelection = observer(function ModuleFiltersSelection(p
    - + {filtersSearchQuery !== "" && ( )}
    diff --git a/apps/web/core/components/modules/dropdowns/order-by.tsx b/apps/web/core/components/modules/dropdowns/order-by.tsx index b33cf62cd37..a2b0671561c 100644 --- a/apps/web/core/components/modules/dropdowns/order-by.tsx +++ b/apps/web/core/components/modules/dropdowns/order-by.tsx @@ -4,11 +4,10 @@ * See the LICENSE file for details. */ -import { ArrowDownWideNarrow, ArrowUpWideNarrow } from "lucide-react"; +import { ChevronDownOutline, SortAscendingOutline, SortDescendingOutline, TickOutline } from "@makeplane/propel/icons"; import { MODULE_ORDER_BY_OPTIONS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { getButtonStyling } from "@plane/propel/button"; -import { CheckIcon, ChevronDownIcon } from "@plane/propel/icons"; import type { TModuleOrderByOptions } from "@plane/types"; // ui import { CustomMenu } from "@plane/ui"; @@ -36,9 +35,9 @@ export function ModuleOrderByDropdown(props: Props) { - {!isDescending ? : } + {!isDescending ? : } {orderByDetails && t(orderByDetails?.i18n_label)} - +
    } placement="bottom-end" @@ -55,7 +54,7 @@ export function ModuleOrderByDropdown(props: Props) { }} > {t(option.i18n_label)} - {value?.includes(option.key) && } + {value?.includes(option.key) && } ))} {!isManual && ( @@ -68,7 +67,7 @@ export function ModuleOrderByDropdown(props: Props) { }} > Ascending - {!isDescending && } + {!isDescending && } Descending - {isDescending && } + {isDescending && } )} diff --git a/apps/web/core/components/modules/links/list-item.tsx b/apps/web/core/components/modules/links/list-item.tsx index b2c4e908de6..3bf9367547f 100644 --- a/apps/web/core/components/modules/links/list-item.tsx +++ b/apps/web/core/components/modules/links/list-item.tsx @@ -6,7 +6,7 @@ import { observer } from "mobx-react"; -import { CopyIcon, EditIcon, TrashIcon } from "@plane/propel/icons"; +import { CopyOutline, DeleteOutline, EditOutline } from "@makeplane/propel/icons"; // plane types import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@makeplane/propel/components/tooltip"; @@ -72,7 +72,7 @@ export const ModulesLinksListItem = observer(function ModulesLinksListItem(props handleEditLink(); }} > - + )} {isEditingAllowed && ( )}
    diff --git a/apps/web/core/components/modules/module-card-item.tsx b/apps/web/core/components/modules/module-card-item.tsx index fa49471f530..f657d6645df 100644 --- a/apps/web/core/components/modules/module-card-item.tsx +++ b/apps/web/core/components/modules/module-card-item.tsx @@ -9,12 +9,11 @@ import React, { useRef } from "react"; import { observer } from "mobx-react"; import Link from "next/link"; import { useParams, usePathname, useSearchParams } from "next/navigation"; -import { Info, SquareUser } from "lucide-react"; +import { InfoOutline, UserAltOutline, WorkItemsOutline } from "@makeplane/propel/icons"; // plane package imports import { MODULE_STATUS, EUserPermissions, EUserPermissionsLevel, IS_FAVORITE_MENU_OPEN } from "@plane/constants"; import { useLocalStorage } from "@plane/hooks"; import { LinearProgress } from "@makeplane/propel/components/linear-progress"; -import { WorkItemsIcon } from "@plane/propel/icons"; import { TOAST_TYPE, setPromiseToast, setToast } from "@plane/propel/toast"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { IModule } from "@plane/types"; @@ -190,7 +189,7 @@ export const ModuleCardItem = observer(function ModuleCardItem(props: Props) { /> )}
    @@ -198,7 +197,7 @@ export const ModuleCardItem = observer(function ModuleCardItem(props: Props) {
    - + {issueCount ?? "0 Work item"}
    {moduleLeadDetails ? ( @@ -207,7 +206,7 @@ export const ModuleCardItem = observer(function ModuleCardItem(props: Props) { ) : ( - + )}
    diff --git a/apps/web/core/components/modules/module-layout-icon.tsx b/apps/web/core/components/modules/module-layout-icon.tsx index d7cbfef7614..498bfaeac37 100644 --- a/apps/web/core/components/modules/module-layout-icon.tsx +++ b/apps/web/core/components/modules/module-layout-icon.tsx @@ -5,7 +5,7 @@ */ import * as React from "react"; -import { TimelineLayoutIcon, GridLayoutIcon, ListLayoutIcon } from "@plane/propel/icons"; +import { GridOutline, ListOutline, TimelineOutline } from "@makeplane/propel/icons"; import type { TModuleLayoutOptions } from "@plane/types"; import { cn } from "@plane/utils"; @@ -22,9 +22,9 @@ export function ModuleLayoutIcon(props: ILayoutIcon) { // get Layout icon const icons = { - list: ListLayoutIcon, - board: GridLayoutIcon, - gantt: TimelineLayoutIcon, + list: ListOutline, + board: GridOutline, + gantt: TimelineOutline, }; const Icon = icons[layoutType ?? "list"]; diff --git a/apps/web/core/components/modules/module-list-item-action.tsx b/apps/web/core/components/modules/module-list-item-action.tsx index c4874385ebc..34c9f8db567 100644 --- a/apps/web/core/components/modules/module-list-item-action.tsx +++ b/apps/web/core/components/modules/module-list-item-action.tsx @@ -7,7 +7,7 @@ import React from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { SquareUser } from "lucide-react"; +import { UserAltOutline } from "@makeplane/propel/icons"; // Plane imports import { MODULE_STATUS, EUserPermissions, EUserPermissionsLevel, IS_FAVORITE_MENU_OPEN } from "@plane/constants"; import { useLocalStorage } from "@plane/hooks"; @@ -167,7 +167,7 @@ export const ModuleListItemAction = observer(function ModuleListItemAction(props ) : ( - + )} diff --git a/apps/web/core/components/modules/module-list-item.tsx b/apps/web/core/components/modules/module-list-item.tsx index 871abc73cc8..cf0e0c868bb 100644 --- a/apps/web/core/components/modules/module-list-item.tsx +++ b/apps/web/core/components/modules/module-list-item.tsx @@ -8,8 +8,7 @@ import React, { useRef } from "react"; import { observer } from "mobx-react"; import { useParams, usePathname, useSearchParams } from "next/navigation"; // icons -import { Info } from "lucide-react"; -import { CheckIcon } from "@plane/propel/icons"; +import { InfoOutline, TickOutline } from "@makeplane/propel/icons"; // ui import { CircularProgress } from "@makeplane/propel/components/circular-progress"; // components @@ -88,12 +87,12 @@ export const ModuleListItem = observer(function ModuleListItem(props: Props) {
    {completedModuleCheck ? ( progress === 100 ? ( - + ) : ( {`!`} ) ) : progress === 100 ? ( - + ) : ( {`${progress}%`} )} @@ -105,7 +104,7 @@ export const ModuleListItem = observer(function ModuleListItem(props: Props) { onClick={openModuleOverview} className={`z-[5] flex-shrink-0 ${isMobile ? "flex" : "hidden group-hover:flex"}`} > - + } actionableItems={} diff --git a/apps/web/core/components/modules/module-view-header.tsx b/apps/web/core/components/modules/module-view-header.tsx index e911efc36b7..9f20e1efe90 100644 --- a/apps/web/core/components/modules/module-view-header.tsx +++ b/apps/web/core/components/modules/module-view-header.tsx @@ -7,13 +7,12 @@ import React, { useCallback, useEffect, useRef, useState } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { ListFilter } from "lucide-react"; +import { CloseOutline, FilterOutline, SearchOutline } from "@makeplane/propel/icons"; // plane helpers import { MODULE_VIEW_LAYOUTS } from "@plane/constants"; import { useOutsideClickDetector } from "@plane/hooks"; // types import { useTranslation } from "@plane/i18n"; -import { SearchIcon, CloseIcon } from "@plane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { TModuleFilters } from "@plane/types"; // ui @@ -110,7 +109,7 @@ export const ModuleViewHeader = observer(function ModuleViewHeader() { setIsSearchOpen(true); inputRef.current?.focus(); }} - icon={SearchIcon} + icon={SearchOutline} /> )}
    - + - + )}
    @@ -154,7 +153,7 @@ export const ModuleViewHeader = observer(function ModuleViewHeader() { }} /> } + icon={} title="Filters" placement="bottom-end" isFiltersApplied={isFiltersApplied} diff --git a/apps/web/core/components/modules/quick-actions.tsx b/apps/web/core/components/modules/quick-actions.tsx index 8137d288e60..ae112bf7e50 100644 --- a/apps/web/core/components/modules/quick-actions.tsx +++ b/apps/web/core/components/modules/quick-actions.tsx @@ -6,7 +6,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; -import { MoreHorizontal } from "lucide-react"; +import { MoreHorizontalOutline } from "@makeplane/propel/icons"; // plane imports import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { IconButton } from "@plane/propel/icon-button"; @@ -135,7 +135,7 @@ export const ModuleQuickActions = observer(function ModuleQuickActions(props: Pr )} } + customButton={} placement="bottom-end" closeOnSelect buttonClassName={customClassName} diff --git a/apps/web/core/components/modules/select/status.tsx b/apps/web/core/components/modules/select/status.tsx index e62b59a73f7..8f5817e301a 100644 --- a/apps/web/core/components/modules/select/status.tsx +++ b/apps/web/core/components/modules/select/status.tsx @@ -11,7 +11,8 @@ import type { FieldError, Control } from "react-hook-form"; import { Controller } from "react-hook-form"; import { MODULE_STATUS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { StatePropertyIcon, ModuleStatusIcon } from "@plane/propel/icons"; +import { ModuleStatusIcon } from "@plane/propel/icons"; +import { StateOutline } from "@makeplane/propel/icons"; import type { IModule } from "@plane/types"; // ui import { CustomSelect } from "@plane/ui"; @@ -43,7 +44,7 @@ export function ModuleStatusSelect({ control, error, tabIndex }: Props) { {value ? ( ) : ( - + )} {(selectedValue && t(selectedValue?.i18n_label)) ?? ( Status diff --git a/apps/web/core/components/modules/sidebar-select/select-status.tsx b/apps/web/core/components/modules/sidebar-select/select-status.tsx index 541e31592aa..72e034931ee 100644 --- a/apps/web/core/components/modules/sidebar-select/select-status.tsx +++ b/apps/web/core/components/modules/sidebar-select/select-status.tsx @@ -11,7 +11,7 @@ import type { Control, UseFormWatch } from "react-hook-form"; import { Controller } from "react-hook-form"; import { MODULE_STATUS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { StatePropertyIcon } from "@plane/propel/icons"; +import { StateOutline } from "@makeplane/propel/icons"; import type { IModule } from "@plane/types"; // ui import { CustomSelect } from "@plane/ui"; @@ -30,7 +30,7 @@ export function SidebarStatusSelect({ control, submitChanges, watch }: Props) { return (
    - +

    Status

    diff --git a/apps/web/core/components/navigation/app-rail-root.tsx b/apps/web/core/components/navigation/app-rail-root.tsx index d37068e57f8..a7cd6199e22 100644 --- a/apps/web/core/components/navigation/app-rail-root.tsx +++ b/apps/web/core/components/navigation/app-rail-root.tsx @@ -7,9 +7,8 @@ "use client"; import { observer } from "mobx-react"; import { useParams, usePathname } from "next/navigation"; -import { SettingsIcon } from "lucide-react"; +import { SettingsOutline, TickOutline } from "@makeplane/propel/icons"; import { ContextMenu } from "@plane/propel/context-menu"; -import { CheckIcon } from "@plane/propel/icons"; import { cn } from "@plane/utils"; // components import { AppSidebarItem } from "@/components/sidebar/sidebar-item"; @@ -53,7 +52,7 @@ export const AppRailRoot = observer(() => { , + icon: , href: `/${workspaceSlug}/settings`, isActive: isWorkspaceSettingsPath, showLabel, @@ -67,13 +66,13 @@ export const AppRailRoot = observer(() => { updateDisplayMode("icon_only")}>
    Icon only - {preferences.displayMode === "icon_only" && } + {preferences.displayMode === "icon_only" && }
    updateDisplayMode("icon_with_label")}>
    Icon with name - {preferences.displayMode === "icon_with_label" && } + {preferences.displayMode === "icon_with_label" && }
    diff --git a/apps/web/core/components/navigation/customize-navigation-dialog.tsx b/apps/web/core/components/navigation/customize-navigation-dialog.tsx index bb8751fad2c..2682023b337 100644 --- a/apps/web/core/components/navigation/customize-navigation-dialog.tsx +++ b/apps/web/core/components/navigation/customize-navigation-dialog.tsx @@ -7,7 +7,7 @@ import { useCallback, useMemo, useState } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { GripVertical, X } from "lucide-react"; +import { CloseOutline, DragDropOutline } from "@makeplane/propel/icons"; // plane imports import { WORKSPACE_SIDEBAR_DYNAMIC_NAVIGATION_ITEMS_LINKS, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; @@ -198,7 +198,7 @@ export const CustomizeNavigationDialog = observer(function CustomizeNavigationDi className="flex size-5 flex-shrink-0 items-center justify-center rounded-sm text-placeholder hover:bg-layer-1" aria-label={t("close")} > - +
    @@ -215,7 +215,7 @@ export const CustomizeNavigationDialog = observer(function CustomizeNavigationDi id="personal-enabled-items" render={(item) => (
    - + togglePersonalItem(item.key, checked)} @@ -247,7 +247,7 @@ export const CustomizeNavigationDialog = observer(function CustomizeNavigationDi const icon = getSidebarNavigationItemIcon(item.key); return (
    - + handleWorkspaceItemToggle(item.key, checked)} diff --git a/apps/web/core/components/navigation/project-actions-menu.tsx b/apps/web/core/components/navigation/project-actions-menu.tsx index 40e64d9447b..51b99f63077 100644 --- a/apps/web/core/components/navigation/project-actions-menu.tsx +++ b/apps/web/core/components/navigation/project-actions-menu.tsx @@ -6,10 +6,16 @@ import { useState, useRef } from "react"; import { useNavigate } from "react-router"; -import { LogOut, MoreHorizontal, Settings, Share2, ArchiveIcon } from "lucide-react"; +import { + ArchiveOutline, + LinkOutline, + LogOutOutline, + MoreHorizontalOutline, + SettingsOutline, + ShareAltOutline, +} from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; -import { LinkIcon } from "@plane/propel/icons"; import { CustomMenu } from "@plane/ui"; type Props = { @@ -50,7 +56,7 @@ export function ProjectActionsMenu({ className="grid place-items-center rounded-sm p-0.5 text-placeholder hover:bg-layer-1" onClick={() => setIsMenuActive(!isMenuActive)} > - + } className="flex-shrink-0" @@ -66,7 +72,7 @@ export function ProjectActionsMenu({
    - +
    {t("publish_project")}
    @@ -74,7 +80,7 @@ export function ProjectActionsMenu({ )} - + {t("copy_link")} @@ -85,7 +91,7 @@ export function ProjectActionsMenu({ }} >
    - + {t("archives")}
    @@ -96,7 +102,7 @@ export function ProjectActionsMenu({ }} >
    - + {t("settings")}
    @@ -104,7 +110,7 @@ export function ProjectActionsMenu({ {!isAuthorized && (
    - + {t("leave_project")}
    diff --git a/apps/web/core/components/navigation/project-header-button.tsx b/apps/web/core/components/navigation/project-header-button.tsx index 48a78b8e650..bb9c87ba9e2 100644 --- a/apps/web/core/components/navigation/project-header-button.tsx +++ b/apps/web/core/components/navigation/project-header-button.tsx @@ -7,7 +7,7 @@ import type { TPartialProject } from "@plane/types"; // plane propel imports import { Logo } from "@plane/propel/emoji-icon-picker"; -import { ChevronDownIcon } from "@plane/propel/icons"; +import { ChevronDownOutline } from "@makeplane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; type TProjectHeaderButtonProps = { @@ -26,7 +26,7 @@ export function ProjectHeaderButton({ project }: TProjectHeaderButtonProps) {
    - +
    diff --git a/apps/web/core/components/navigation/project-header.tsx b/apps/web/core/components/navigation/project-header.tsx index 172c10f1e6f..e7c7fd24e44 100644 --- a/apps/web/core/components/navigation/project-header.tsx +++ b/apps/web/core/components/navigation/project-header.tsx @@ -7,7 +7,7 @@ import { useCallback, useMemo } from "react"; import { observer } from "mobx-react"; // plane imports -import { ProjectIcon } from "@plane/propel/icons"; +import { ProjectsOutline } from "@makeplane/propel/icons"; import type { ICustomSearchSelectOption } from "@plane/types"; import { CustomSearchSelect } from "@plane/ui"; // hooks @@ -75,7 +75,7 @@ export const ProjectHeader = observer(function ProjectHeader(props: TProjectHead ), diff --git a/apps/web/core/components/navigation/tab-navigation-overflow-menu.tsx b/apps/web/core/components/navigation/tab-navigation-overflow-menu.tsx index 5b582d58f9e..4375deb72b3 100644 --- a/apps/web/core/components/navigation/tab-navigation-overflow-menu.tsx +++ b/apps/web/core/components/navigation/tab-navigation-overflow-menu.tsx @@ -6,10 +6,9 @@ import React from "react"; import { Link } from "react-router"; -import { MoreHorizontal, Pin } from "lucide-react"; +import { DefaultTabOutline, MoreHorizontalOutline, PinOutline } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; -import { SetAsDefaultIcon } from "@plane/propel/icons"; import { Menu } from "@plane/propel/menu"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import { cn } from "@plane/utils"; @@ -40,7 +39,7 @@ export function TabNavigationOverflowMenu({ overflowItems, isActive, tabPreferen optionsClassName="min-w-[200px] space-y-1" customButton={
    - +
    } > @@ -69,7 +68,7 @@ export function TabNavigationOverflowMenu({ overflowItems, isActive, tabPreferen className="invisible rounded-sm p-1 text-tertiary transition-colors group-hover/menu-item:visible hover:text-primary" title="Show" > - + )} @@ -87,7 +86,7 @@ export function TabNavigationOverflowMenu({ overflowItems, isActive, tabPreferen )} title={isDefault ? "Clear default" : "Set as default"} > - +
    diff --git a/apps/web/core/components/navigation/tab-navigation-visible-item.tsx b/apps/web/core/components/navigation/tab-navigation-visible-item.tsx index dc53b846cdc..3a32d49635a 100644 --- a/apps/web/core/components/navigation/tab-navigation-visible-item.tsx +++ b/apps/web/core/components/navigation/tab-navigation-visible-item.tsx @@ -5,11 +5,10 @@ */ import { Link } from "react-router"; -import { PinOff } from "lucide-react"; +import { DefaultTabOutline, UnpinOutline } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; import { ContextMenu } from "@plane/propel/context-menu"; -import { SetAsDefaultIcon } from "@plane/propel/icons"; import { TabNavigationItem } from "@plane/propel/tab-navigation"; // local imports import type { TNavigationItem } from "./tab-navigation-root"; @@ -62,7 +61,7 @@ export function TabNavigationVisibleItem({ }} className="flex cursor-pointer items-center gap-2 text-secondary transition-colors" > - + {isDefault ? "Clear default" : "Set as default"} - + Hide in more menu diff --git a/apps/web/core/components/navigation/top-nav-power-k.tsx b/apps/web/core/components/navigation/top-nav-power-k.tsx index 22825d4b7e3..9c1a1178783 100644 --- a/apps/web/core/components/navigation/top-nav-power-k.tsx +++ b/apps/web/core/components/navigation/top-nav-power-k.tsx @@ -9,7 +9,7 @@ import { Command } from "cmdk"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // hooks -import { CloseIcon, SearchIcon } from "@plane/propel/icons"; +import { CloseOutline, SearchOutline } from "@makeplane/propel/icons"; import { cn } from "@plane/utils"; // power-k import type { TPowerKCommandConfig, TPowerKContext } from "@/components/power-k/core/types"; @@ -223,7 +223,7 @@ export const TopNavPowerK = observer(() => { onClick={() => inputRef.current?.focus()} role="button" > - + { /> {searchTerm && ( )}
    diff --git a/apps/web/core/components/navigation/top-navigation-root.tsx b/apps/web/core/components/navigation/top-navigation-root.tsx index 68846c9c518..146977a576a 100644 --- a/apps/web/core/components/navigation/top-navigation-root.tsx +++ b/apps/web/core/components/navigation/top-navigation-root.tsx @@ -15,7 +15,7 @@ import { WorkspaceMenuRoot } from "@/components/workspace/sidebar/workspace-menu import { useAppRailPreferences } from "@/hooks/use-navigation-preferences"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import { AppSidebarItem } from "@/components/sidebar/sidebar-item"; -import { InboxIcon } from "@plane/propel/icons"; +import { InboxOutline } from "@makeplane/propel/icons"; import useSWR from "swr"; import { useWorkspaceNotifications } from "@/hooks/store/notifications"; // local imports @@ -67,7 +67,7 @@ export const TopNavigationRoot = observer(function TopNavigationRoot() { href: `/${workspaceSlug?.toString()}/notifications/`, icon: (
    - + {totalNotifications > 0 && ( )} diff --git a/apps/web/core/components/navigation/use-navigation-items.ts b/apps/web/core/components/navigation/use-navigation-items.ts index 621d9e3a54f..669ed46be22 100644 --- a/apps/web/core/components/navigation/use-navigation-items.ts +++ b/apps/web/core/components/navigation/use-navigation-items.ts @@ -7,7 +7,14 @@ import { useMemo, useCallback } from "react"; // plane imports import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; -import { CycleIcon, IntakeIcon, ModuleIcon, PageIcon, ViewsIcon, WorkItemsIcon } from "@plane/propel/icons"; +import { + CyclesOutline, + IntakeOutline, + ModuleOutline, + PagesOutline, + ViewsOutline, + WorkItemsOutline, +} from "@makeplane/propel/icons"; import type { EUserProjectRoles, IPartialProject } from "@plane/types"; import type { TNavigationItem } from "@/components/navigation/tab-navigation-root"; @@ -38,7 +45,7 @@ export const useNavigationItems = ({ key: "work_items", name: "Work items", href: `/${workspaceSlug}/projects/${projectId}/issues`, - icon: WorkItemsIcon, + icon: WorkItemsOutline, access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER, EUserPermissions.GUEST], shouldRender: true, sortOrder: 1, @@ -48,7 +55,7 @@ export const useNavigationItems = ({ key: "cycles", name: "Cycles", href: `/${workspaceSlug}/projects/${projectId}/cycles`, - icon: CycleIcon, + icon: CyclesOutline, access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER], shouldRender: !!project?.cycle_view, sortOrder: 2, @@ -58,7 +65,7 @@ export const useNavigationItems = ({ key: "modules", name: "Modules", href: `/${workspaceSlug}/projects/${projectId}/modules`, - icon: ModuleIcon, + icon: ModuleOutline, access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER], shouldRender: !!project?.module_view, sortOrder: 3, @@ -68,7 +75,7 @@ export const useNavigationItems = ({ key: "views", name: "Views", href: `/${workspaceSlug}/projects/${projectId}/views`, - icon: ViewsIcon, + icon: ViewsOutline, access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER, EUserPermissions.GUEST], shouldRender: !!project?.issue_views_view, sortOrder: 4, @@ -78,7 +85,7 @@ export const useNavigationItems = ({ key: "pages", name: "Pages", href: `/${workspaceSlug}/projects/${projectId}/pages`, - icon: PageIcon, + icon: PagesOutline, access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER, EUserPermissions.GUEST], shouldRender: !!project?.page_view, sortOrder: 5, @@ -88,7 +95,7 @@ export const useNavigationItems = ({ key: "intake", name: "Intake", href: `/${workspaceSlug}/projects/${projectId}/intake`, - icon: IntakeIcon, + icon: IntakeOutline, access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER, EUserPermissions.GUEST], shouldRender: !!project?.inbox_view, sortOrder: 6, diff --git a/apps/web/core/components/onboarding/create-or-join-workspaces.tsx b/apps/web/core/components/onboarding/create-or-join-workspaces.tsx index 3fad9e8db65..1f29b30faea 100644 --- a/apps/web/core/components/onboarding/create-or-join-workspaces.tsx +++ b/apps/web/core/components/onboarding/create-or-join-workspaces.tsx @@ -6,7 +6,7 @@ import { useEffect, useState } from "react"; import { observer } from "mobx-react"; -import { OctagonAlert } from "lucide-react"; +import { AlertOctagonOutline } from "@makeplane/propel/icons"; // plane imports import type { IWorkspaceMemberInvitation, TOnboardingSteps } from "@plane/types"; // components @@ -76,7 +76,7 @@ export const CreateOrJoinWorkspaces = observer(function CreateOrJoinWorkspaces(p ) : (
    - + You don't seem to have any invites to a workspace and your instance admin has restricted creation of new workspaces. Please ask a workspace owner or admin to invite you to a workspace first diff --git a/apps/web/core/components/onboarding/header.tsx b/apps/web/core/components/onboarding/header.tsx index d5bea2949bc..4bb35e0be98 100644 --- a/apps/web/core/components/onboarding/header.tsx +++ b/apps/web/core/components/onboarding/header.tsx @@ -6,7 +6,8 @@ import { observer } from "mobx-react"; // plane imports -import { PlaneLockup, ChevronLeftIcon } from "@plane/propel/icons"; +import { PlaneLockup } from "@plane/propel/icons"; +import { ChevronLeftOutline } from "@makeplane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { TOnboardingStep } from "@plane/types"; import { EOnboardingSteps } from "@plane/types"; @@ -80,7 +81,7 @@ export const OnboardingHeader = observer(function OnboardingHeader(props: Onboar
    {canGoBack && ( )} diff --git a/apps/web/core/components/onboarding/invite-members.tsx b/apps/web/core/components/onboarding/invite-members.tsx index 3a4d03a78e8..53e680eee6e 100644 --- a/apps/web/core/components/onboarding/invite-members.tsx +++ b/apps/web/core/components/onboarding/invite-members.tsx @@ -17,7 +17,7 @@ import type { import { Controller, useFieldArray, useForm } from "react-hook-form"; // icons import { usePopper } from "react-popper"; -import { XCircle } from "lucide-react"; +import { AddOutline, ChevronDownOutline, CloseCircleOutline, TickOutline } from "@makeplane/propel/icons"; import { Listbox } from "@headlessui/react"; // plane imports import { Field } from "@makeplane/propel/components/field"; @@ -27,7 +27,6 @@ import { ROLE, ROLE_DETAILS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; // types import { Button } from "@plane/propel/button"; -import { PlusIcon, CheckIcon, ChevronDownIcon } from "@plane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { IUser, IWorkspace } from "@plane/types"; // ui @@ -204,9 +203,9 @@ const InviteMemberInput = observer(function InviteMemberInput(props: InviteMembe {ROLE[value]} - @@ -235,7 +234,7 @@ const InviteMemberInput = observer(function InviteMemberInput(props: InviteMembe
    {t(value.i18n_title)}
    {t(value.i18n_description)}
    - {selected && } + {selected && }
    )} @@ -252,7 +251,7 @@ const InviteMemberInput = observer(function InviteMemberInput(props: InviteMembe className="absolute right-0 hidden place-items-center self-center rounded-sm group-hover:grid" onClick={() => remove(index)} > - + )}
    @@ -383,7 +382,7 @@ export function InviteMembers(props: Props) { className="mx-8 flex items-center gap-1.5 bg-transparent text-13 font-medium text-accent-primary outline-accent-strong" onClick={appendField} > - + Add another
    diff --git a/apps/web/core/components/onboarding/profile-setup.tsx b/apps/web/core/components/onboarding/profile-setup.tsx index e02f934be8b..d789d195ef9 100644 --- a/apps/web/core/components/onboarding/profile-setup.tsx +++ b/apps/web/core/components/onboarding/profile-setup.tsx @@ -7,7 +7,7 @@ import { useMemo, useState } from "react"; import { observer } from "mobx-react"; import { Controller, useForm } from "react-hook-form"; -import { Eye, EyeOff } from "lucide-react"; +import { HideOutline, ShowOutline } from "@makeplane/propel/icons"; import { Field } from "@makeplane/propel/components/field"; import { Input, InputGroup } from "@makeplane/propel/components/input"; import { E_PASSWORD_STRENGTH } from "@plane/constants"; @@ -409,9 +409,9 @@ export const ProfileSetup = observer(function ProfileSetup(props: Props) { onClick={() => handleShowPassword("password")} > {showPassword.password ? ( - + ) : ( - + )} @@ -452,9 +452,9 @@ export const ProfileSetup = observer(function ProfileSetup(props: Props) { onClick={() => handleShowPassword("retypePassword")} > {showPassword.retypePassword ? ( - + ) : ( - + )} diff --git a/apps/web/core/components/onboarding/steps/profile/consent.tsx b/apps/web/core/components/onboarding/steps/profile/consent.tsx index 18f42063c8f..d6483c780df 100644 --- a/apps/web/core/components/onboarding/steps/profile/consent.tsx +++ b/apps/web/core/components/onboarding/steps/profile/consent.tsx @@ -4,7 +4,7 @@ * See the LICENSE file for details. */ -import { CheckIcon } from "@plane/propel/icons"; +import { TickOutline } from "@makeplane/propel/icons"; type Props = { isChecked: boolean; @@ -21,7 +21,7 @@ export function MarketingConsent({ isChecked, handleChange }: Props) { isChecked ? "border-accent-strong bg-accent-primary" : "border-strong" }`} > - {isChecked && } + {isChecked && } I agree to Plane marketing communications
    diff --git a/apps/web/core/components/onboarding/steps/profile/root.tsx b/apps/web/core/components/onboarding/steps/profile/root.tsx index 5e71c802f3b..1b165d40bdf 100644 --- a/apps/web/core/components/onboarding/steps/profile/root.tsx +++ b/apps/web/core/components/onboarding/steps/profile/root.tsx @@ -7,7 +7,7 @@ import { useMemo, useState } from "react"; import { observer } from "mobx-react"; import { Controller, useForm } from "react-hook-form"; -import { ImageIcon } from "lucide-react"; +import { ImageOutline } from "@makeplane/propel/icons"; // plane imports import { E_PASSWORD_STRENGTH } from "@plane/constants"; import { Button } from "@plane/propel/button"; @@ -189,7 +189,7 @@ export const ProfileSetupStep = observer(function ProfileSetupStep({ handleStepC type="button" onClick={() => setIsImageUploadModalOpen(true)} > - + {userAvatar ? "Change image" : "Upload image"}
    diff --git a/apps/web/core/components/onboarding/steps/profile/set-password.tsx b/apps/web/core/components/onboarding/steps/profile/set-password.tsx index 95421e2b391..3851f59f451 100644 --- a/apps/web/core/components/onboarding/steps/profile/set-password.tsx +++ b/apps/web/core/components/onboarding/steps/profile/set-password.tsx @@ -5,7 +5,7 @@ */ import React, { useState, useCallback, useMemo } from "react"; -import { LockIcon, ChevronDownIcon } from "@plane/propel/icons"; +import { ChevronDownOutline, LockOutline } from "@makeplane/propel/icons"; import { PasswordInput, PasswordStrengthIndicator } from "@plane/ui"; import { cn } from "@plane/utils"; @@ -86,12 +86,12 @@ export function SetPasswordRoot({ onPasswordChange, onConfirmPasswordChange, dis onClick={handleToggleExpand} >
    - + Set a password {`(Optional)`}
    - +
    diff --git a/apps/web/core/components/onboarding/steps/role/root.tsx b/apps/web/core/components/onboarding/steps/role/root.tsx index 43029d1cfdb..cf542f1782f 100644 --- a/apps/web/core/components/onboarding/steps/role/root.tsx +++ b/apps/web/core/components/onboarding/steps/role/root.tsx @@ -6,10 +6,17 @@ import { observer } from "mobx-react"; import { Controller, useForm } from "react-hook-form"; -import { Box, PenTool, Rocket, Monitor, RefreshCw } from "lucide-react"; +import { PenTool } from "lucide-react"; +import { + CubeOutline, + MonitorOutline, + RefreshOutline, + RocketOutline, + TickOutline, + ViewsOutline, +} from "@makeplane/propel/icons"; // plane imports import { Button } from "@plane/propel/button"; -import { CheckIcon, ViewsIcon } from "@plane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { TUserProfile } from "@plane/types"; import { EOnboardingSteps } from "@plane/types"; @@ -24,13 +31,13 @@ type Props = { }; const ROLES = [ - { id: "product-manager", label: "Product Manager", icon: Box }, - { id: "engineering-manager", label: "Engineering Manager", icon: ViewsIcon }, + { id: "product-manager", label: "Product Manager", icon: CubeOutline }, + { id: "engineering-manager", label: "Engineering Manager", icon: ViewsOutline }, { id: "designer", label: "Designer", icon: PenTool }, - { id: "developer", label: "Developer", icon: Monitor }, - { id: "founder-executive", label: "Founder/Executive", icon: Rocket }, - { id: "operations-manager", label: "Operations Manager", icon: RefreshCw }, - { id: "others", label: "Others", icon: Box }, + { id: "developer", label: "Developer", icon: MonitorOutline }, + { id: "founder-executive", label: "Founder/Executive", icon: RocketOutline }, + { id: "operations-manager", label: "Operations Manager", icon: RefreshOutline }, + { id: "others", label: "Others", icon: CubeOutline }, ]; const defaultValues = { @@ -131,7 +138,7 @@ export const RoleSetupStep = observer(function RoleSetupStep({ handleStepChange )} diff --git a/apps/web/core/components/onboarding/steps/team/root.tsx b/apps/web/core/components/onboarding/steps/team/root.tsx index b5fb4bd0b65..c191dd77bee 100644 --- a/apps/web/core/components/onboarding/steps/team/root.tsx +++ b/apps/web/core/components/onboarding/steps/team/root.tsx @@ -16,7 +16,7 @@ import type { } from "react-hook-form"; import { Controller, useFieldArray, useForm } from "react-hook-form"; import { usePopper } from "react-popper"; -import { XCircle } from "lucide-react"; +import { AddOutline, ChevronDownOutline, CloseCircleOutline, TickOutline } from "@makeplane/propel/icons"; import { Listbox } from "@headlessui/react"; // plane imports import { Field } from "@makeplane/propel/components/field"; @@ -25,7 +25,6 @@ import type { EUserPermissions } from "@plane/constants"; import { ROLE, ROLE_DETAILS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { PlusIcon, CheckIcon, ChevronDownIcon } from "@plane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { EOnboardingSteps } from "@plane/types"; import { Spinner } from "@plane/ui"; @@ -200,9 +199,9 @@ const InviteMemberInput = observer(function InviteMemberInput(props: InviteMembe {ROLE[value]} - @@ -231,7 +230,7 @@ const InviteMemberInput = observer(function InviteMemberInput(props: InviteMembe
    {t(value.i18n_title)}
    {t(value.i18n_description)}
    - {selected && } + {selected && } )} @@ -248,7 +247,7 @@ const InviteMemberInput = observer(function InviteMemberInput(props: InviteMembe className="absolute right-0 hidden place-items-center self-center rounded-sm group-hover:grid" onClick={() => remove(index)} > - + )} @@ -378,7 +377,7 @@ export const InviteTeamStep = observer(function InviteTeamStep(props: Props) { className="mx-8 flex items-center gap-1.5 bg-transparent text-13 font-medium text-accent-primary outline-accent-strong" onClick={appendField} > - + Add another diff --git a/apps/web/core/components/onboarding/steps/usecase/root.tsx b/apps/web/core/components/onboarding/steps/usecase/root.tsx index 8908adaf3b4..4f4b2ef4aeb 100644 --- a/apps/web/core/components/onboarding/steps/usecase/root.tsx +++ b/apps/web/core/components/onboarding/steps/usecase/root.tsx @@ -9,7 +9,7 @@ import { Controller, useForm } from "react-hook-form"; // plane imports import { USE_CASES } from "@plane/constants"; import { Button } from "@plane/propel/button"; -import { CheckIcon } from "@plane/propel/icons"; +import { TickOutline } from "@makeplane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { TUserProfile } from "@plane/types"; import { EOnboardingSteps } from "@plane/types"; @@ -130,7 +130,7 @@ export const UseCaseSetupStep = observer(function UseCaseSetupStep({ handleStepC "border-strong": !isSelected, })} > - - + {size} diff --git a/apps/web/core/components/onboarding/tour/root.tsx b/apps/web/core/components/onboarding/tour/root.tsx index db87b7150b7..a5c3389fc68 100644 --- a/apps/web/core/components/onboarding/tour/root.tsx +++ b/apps/web/core/components/onboarding/tour/root.tsx @@ -8,7 +8,8 @@ import { useState } from "react"; import { observer } from "mobx-react"; // plane imports import { Button } from "@plane/propel/button"; -import { CloseIcon, PlaneLockup } from "@plane/propel/icons"; +import { PlaneLockup } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // assets import CyclesTour from "@/app/assets/onboarding/cycles.webp?url"; import IssuesTour from "@/app/assets/onboarding/issues.webp?url"; @@ -136,7 +137,7 @@ export const TourRoot = observer(function TourRoot(props: TOnboardingTourProps) className="fixed top-[19%] right-[9%] z-10 translate-x-1/2 -translate-y-1/2 cursor-pointer rounded-full border border-strong bg-surface-1 p-1 sm:top-[11.5%] md:right-[24%] lg:right-[19%]" onClick={onComplete} > - +
    diff --git a/apps/web/core/components/onboarding/tour/sidebar.tsx b/apps/web/core/components/onboarding/tour/sidebar.tsx index 898159fd60f..8ba1848e4a2 100644 --- a/apps/web/core/components/onboarding/tour/sidebar.tsx +++ b/apps/web/core/components/onboarding/tour/sidebar.tsx @@ -5,7 +5,7 @@ */ // plane imports -import { CycleIcon, ModuleIcon, PageIcon, ViewsIcon, WorkItemsIcon } from "@plane/propel/icons"; +import { CyclesOutline, ModuleOutline, PagesOutline, ViewsOutline, WorkItemsOutline } from "@makeplane/propel/icons"; import type { ISvgIcons } from "@plane/propel/icons"; // types import type { TTourSteps } from "./root"; @@ -18,27 +18,27 @@ const sidebarOptions: { { key: "work-items", label: "Work items", - Icon: WorkItemsIcon, + Icon: WorkItemsOutline, }, { key: "cycles", label: "Cycles", - Icon: CycleIcon, + Icon: CyclesOutline, }, { key: "modules", label: "Modules", - Icon: ModuleIcon, + Icon: ModuleOutline, }, { key: "views", label: "Views", - Icon: ViewsIcon, + Icon: ViewsOutline, }, { key: "pages", label: "Pages", - Icon: PageIcon, + Icon: PagesOutline, }, ]; diff --git a/apps/web/core/components/pages/dropdowns/actions.tsx b/apps/web/core/components/pages/dropdowns/actions.tsx index e344c21410f..e67f64f0299 100644 --- a/apps/web/core/components/pages/dropdowns/actions.tsx +++ b/apps/web/core/components/pages/dropdowns/actions.tsx @@ -7,11 +7,22 @@ import { useMemo, useState } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { ArchiveRestoreIcon, FileOutput, LockKeyhole, LockKeyholeOpen } from "lucide-react"; +import { + ArchiveOutline, + CopyOutline, + DeleteOutline, + ExportOutline, + GlobeOutline, + LinkOutline, + LockOutline, + LockedOutline, + NewTabOutline, + RestoreOutline, + UnlockedOutline, +} from "@makeplane/propel/icons"; // constants import { EPageAccess } from "@plane/constants"; // plane editor -import { LinkIcon, CopyIcon, LockIcon, NewTabIcon, ArchiveIcon, TrashIcon, GlobeIcon } from "@plane/propel/icons"; // plane ui import type { TContextMenuItem } from "@plane/ui"; import { ContextMenu, CustomMenu } from "@plane/ui"; @@ -86,7 +97,7 @@ export const PageActions = observer(function PageActions(props: Props) { pageOperations.toggleLock(); }, title: is_locked ? "Unlock" : "Lock", - icon: is_locked ? LockKeyholeOpen : LockKeyhole, + icon: is_locked ? UnlockedOutline : LockedOutline, shouldRender: canCurrentUserLockPage, }, { @@ -95,21 +106,21 @@ export const PageActions = observer(function PageActions(props: Props) { pageOperations.toggleAccess(); }, title: access === EPageAccess.PUBLIC ? "Make private" : "Make public", - icon: access === EPageAccess.PUBLIC ? LockIcon : GlobeIcon, + icon: access === EPageAccess.PUBLIC ? LockOutline : GlobeOutline, shouldRender: canCurrentUserChangeAccess && !archived_at, }, { key: "open-in-new-tab", action: pageOperations.openInNewTab, title: "Open in new tab", - icon: NewTabIcon, + icon: NewTabOutline, shouldRender: true, }, { key: "copy-link", action: pageOperations.copyLink, title: "Copy link", - icon: LinkIcon, + icon: LinkOutline, shouldRender: true, }, { @@ -118,7 +129,7 @@ export const PageActions = observer(function PageActions(props: Props) { pageOperations.duplicate(); }, title: "Make a copy", - icon: CopyIcon, + icon: CopyOutline, shouldRender: canCurrentUserDuplicatePage, }, { @@ -127,7 +138,7 @@ export const PageActions = observer(function PageActions(props: Props) { pageOperations.toggleArchive(); }, title: archived_at ? "Restore" : "Archive", - icon: archived_at ? ArchiveRestoreIcon : ArchiveIcon, + icon: archived_at ? RestoreOutline : ArchiveOutline, shouldRender: canCurrentUserArchivePage, }, { @@ -136,14 +147,14 @@ export const PageActions = observer(function PageActions(props: Props) { setDeletePageModal(true); }, title: "Delete", - icon: TrashIcon, + icon: DeleteOutline, shouldRender: canCurrentUserDeletePage && !!archived_at, }, { key: "move", action: () => setMovePageModal(true), title: "Move", - icon: FileOutput, + icon: ExportOutline, shouldRender: canCurrentUserMovePage && isMovePageEnabled, }, ]; diff --git a/apps/web/core/components/pages/editor/ai/ask-pi-menu.tsx b/apps/web/core/components/pages/editor/ai/ask-pi-menu.tsx index a51930ee9f1..485e1ad4885 100644 --- a/apps/web/core/components/pages/editor/ai/ask-pi-menu.tsx +++ b/apps/web/core/components/pages/editor/ai/ask-pi-menu.tsx @@ -5,7 +5,8 @@ */ import { useState } from "react"; -import { CircleArrowUp, CornerDownRight, RefreshCcw, Sparkles } from "lucide-react"; +import { CircleArrowUp } from "lucide-react"; +import { AiStar1Outline, CornerRightDownOutline, RefreshOutline } from "@makeplane/propel/icons"; // ui import { Tooltip } from "@makeplane/propel/components/tooltip"; // components @@ -40,7 +41,7 @@ export function AskPiMenu(props: Props) { })} > - + {response ? (
    @@ -70,7 +71,7 @@ export function AskPiMenu(props: Props) { className="grid size-6 flex-shrink-0 place-items-center rounded-sm outline-none hover:bg-layer-1" onClick={() => handleInsertText(true)} > - + @@ -84,7 +85,7 @@ export function AskPiMenu(props: Props) { }} disabled={isRegenerating} > -
    - + >; key: AI_EDITOR_TASKS; label: string; }[] = [ { key: AI_EDITOR_TASKS.ASK_ANYTHING, - icon: Sparkles, + icon: AiStar1Outline, label: "Ask Pi", }, ]; @@ -179,7 +183,7 @@ export function EditorAIMenu(props: Props) { {item.label} - - + {response ? (
    @@ -240,7 +244,7 @@ export function EditorAIMenu(props: Props) { className="grid size-6 flex-shrink-0 place-items-center rounded-sm outline-none hover:bg-layer-1" onClick={() => handleInsertText(true)} > - + @@ -254,7 +258,7 @@ export function EditorAIMenu(props: Props) { }} disabled={isRegenerating} > - - +

    By using this feature, you consent to sharing the message with a 3rd party service. diff --git a/apps/web/core/components/pages/editor/content-limit-banner.tsx b/apps/web/core/components/pages/editor/content-limit-banner.tsx index 52fba7e4e60..efc630bbfe2 100644 --- a/apps/web/core/components/pages/editor/content-limit-banner.tsx +++ b/apps/web/core/components/pages/editor/content-limit-banner.tsx @@ -4,7 +4,7 @@ * See the LICENSE file for details. */ -import { TriangleAlert } from "lucide-react"; +import { WarningTriangleOutline } from "@makeplane/propel/icons"; import { cn } from "@plane/utils"; type Props = { @@ -17,7 +17,7 @@ export function ContentLimitBanner({ className, onDismiss }: Props) {

    - + Content limit reached and live sync is off. Create a new page or use nested pages to continue syncing. diff --git a/apps/web/core/components/pages/editor/header/root.tsx b/apps/web/core/components/pages/editor/header/root.tsx index f70e7b32cac..05296b79478 100644 --- a/apps/web/core/components/pages/editor/header/root.tsx +++ b/apps/web/core/components/pages/editor/header/root.tsx @@ -6,7 +6,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; -import { SmilePlus } from "lucide-react"; +import { ReactionOutline } from "@makeplane/propel/icons"; // plane imports import { EmojiPicker, EmojiIconPickerTypes } from "@plane/propel/emoji-icon-picker"; import { cn } from "@plane/utils"; @@ -53,7 +53,7 @@ export const PageEditorHeaderRoot = observer(function PageEditorHeaderRoot(props } )} > - + Icon } diff --git a/apps/web/core/components/pages/editor/toolbar/color-dropdown.tsx b/apps/web/core/components/pages/editor/toolbar/color-dropdown.tsx index 817c7995081..93cdc45297b 100644 --- a/apps/web/core/components/pages/editor/toolbar/color-dropdown.tsx +++ b/apps/web/core/components/pages/editor/toolbar/color-dropdown.tsx @@ -5,7 +5,8 @@ */ import { memo } from "react"; -import { ALargeSmall, Ban } from "lucide-react"; +import { Ban } from "lucide-react"; +import { TextOutline } from "@makeplane/propel/icons"; import { Popover } from "@headlessui/react"; // plane editor import { COLORS_LIST } from "@plane/editor"; @@ -53,7 +54,7 @@ export const ColorDropdown = memo(function ColorDropdown(props: Props) { backgroundColor: activeBackgroundColor ? activeBackgroundColor.backgroundColor : "transparent", }} > - setIsExportModalOpen(true), title: "Export", - icon: ArrowUpToLine, + icon: ExportOutline, shouldRender: true, }, ]; diff --git a/apps/web/core/components/pages/editor/toolbar/root.tsx b/apps/web/core/components/pages/editor/toolbar/root.tsx index a2a4ed86988..f10dd51732e 100644 --- a/apps/web/core/components/pages/editor/toolbar/root.tsx +++ b/apps/web/core/components/pages/editor/toolbar/root.tsx @@ -5,7 +5,7 @@ */ import { observer } from "mobx-react"; -import { PanelRight } from "lucide-react"; +import { RightSidePaneOutline } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; import { Tooltip } from "@makeplane/propel/components/tooltip"; @@ -62,7 +62,7 @@ export const PageEditorToolbarRoot = observer(function PageEditorToolbarRoot(pro className="grid size-6 shrink-0 place-items-center rounded-sm text-secondary transition-colors hover:bg-layer-transparent-hover hover:text-primary" onClick={handleOpenNavigationPane} > - + )}
    @@ -79,7 +79,7 @@ export const PageEditorToolbarRoot = observer(function PageEditorToolbarRoot(pro onClick={handleOpenNavigationPane} aria-label={t("page_navigation_pane.open_button")} > - + )} diff --git a/apps/web/core/components/pages/editor/toolbar/toolbar.tsx b/apps/web/core/components/pages/editor/toolbar/toolbar.tsx index 42594c434f4..92a0371c522 100644 --- a/apps/web/core/components/pages/editor/toolbar/toolbar.tsx +++ b/apps/web/core/components/pages/editor/toolbar/toolbar.tsx @@ -7,7 +7,7 @@ import React, { useEffect, useState, useCallback } from "react"; import type { EditorRefApi } from "@plane/editor"; // plane imports -import { CheckIcon, ChevronDownIcon } from "@plane/propel/icons"; +import { ChevronDownOutline, TickOutline } from "@makeplane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import { CustomMenu } from "@plane/ui"; import { cn } from "@plane/utils"; @@ -122,7 +122,7 @@ export function PageToolbar(props: Props) { )} > {activeTypography?.name || "Text"} - + } className="pr-2" @@ -152,7 +152,7 @@ export function PageToolbar(props: Props) { {item.name} - {activeTypography?.itemKey === item.itemKey && } + {activeTypography?.itemKey === item.itemKey && } ))} diff --git a/apps/web/core/components/pages/header/archived-badge.tsx b/apps/web/core/components/pages/header/archived-badge.tsx index 4e6d014aebc..ba77f4fcf74 100644 --- a/apps/web/core/components/pages/header/archived-badge.tsx +++ b/apps/web/core/components/pages/header/archived-badge.tsx @@ -6,7 +6,7 @@ import { observer } from "mobx-react"; // plane imports -import { ArchiveIcon } from "@plane/propel/icons"; +import { ArchiveOutline } from "@makeplane/propel/icons"; import { renderFormattedDate } from "@plane/utils"; // store import type { TPageInstance } from "@/store/pages/base-page"; @@ -20,7 +20,7 @@ export const PageArchivedBadge = observer(function PageArchivedBadge({ page }: P return (
    - + Archived at {renderFormattedDate(page.archived_at)}
    ); diff --git a/apps/web/core/components/pages/header/copy-link-control.tsx b/apps/web/core/components/pages/header/copy-link-control.tsx index cfbadeae0b8..4773d9b418c 100644 --- a/apps/web/core/components/pages/header/copy-link-control.tsx +++ b/apps/web/core/components/pages/header/copy-link-control.tsx @@ -7,7 +7,7 @@ import { useState, useRef, useEffect, useCallback } from "react"; import { observer } from "mobx-react"; -import { LinkIcon, CheckIcon } from "@plane/propel/icons"; +import { LinkOutline, TickOutline } from "@makeplane/propel/icons"; // plane imports import { Tooltip } from "@makeplane/propel/components/tooltip"; import { IconButton } from "@plane/propel/icon-button"; @@ -61,7 +61,7 @@ export const PageCopyLinkControl = observer(function PageCopyLinkControl({ page { pageOperations.toggleFavorite(); }} diff --git a/apps/web/core/components/pages/header/lock-control.tsx b/apps/web/core/components/pages/header/lock-control.tsx index 63364990c18..bc368a53ff7 100644 --- a/apps/web/core/components/pages/header/lock-control.tsx +++ b/apps/web/core/components/pages/header/lock-control.tsx @@ -6,7 +6,7 @@ import { useState, useEffect, useRef } from "react"; import { observer } from "mobx-react"; -import { LockKeyhole, LockKeyholeOpen } from "lucide-react"; +import { LockedOutline, UnlockedOutline } from "@makeplane/propel/icons"; // plane imports import { Tooltip } from "@makeplane/propel/components/tooltip"; // hooks @@ -85,7 +85,7 @@ export const PageLockControl = observer(function PageLockControl({ page }: Props className="grid size-6 flex-shrink-0 place-items-center rounded-sm text-secondary transition-colors hover:bg-layer-1 hover:text-primary" aria-label="Lock" > - + )} @@ -97,7 +97,7 @@ export const PageLockControl = observer(function PageLockControl({ page }: Props className="flex h-6 items-center gap-1 rounded-sm bg-accent-primary/20 px-2 text-accent-primary transition-colors hover:bg-accent-primary/30" aria-label="Locked" > - + Locked @@ -109,7 +109,7 @@ export const PageLockControl = observer(function PageLockControl({ page }: Props className="flex h-6 animate-fade-out items-center gap-1 rounded-sm px-2 text-secondary" aria-label="Unlocked" > - + Unlocked diff --git a/apps/web/core/components/pages/header/root.tsx b/apps/web/core/components/pages/header/root.tsx index e86053289fb..200add7efeb 100644 --- a/apps/web/core/components/pages/header/root.tsx +++ b/apps/web/core/components/pages/header/root.tsx @@ -6,7 +6,7 @@ import { useCallback } from "react"; import { observer } from "mobx-react"; -import { ListFilter } from "lucide-react"; +import { FilterOutline } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; import type { TPageFilterProps, TPageNavigationTabs } from "@plane/types"; @@ -78,7 +78,7 @@ export const PagesListHeaderRoot = observer(function PagesListHeaderRoot(props: }} /> } + icon={} title={t("common.filters")} placement="bottom-end" isFiltersApplied={isFiltersApplied} diff --git a/apps/web/core/components/pages/list/applied-filters/root.tsx b/apps/web/core/components/pages/list/applied-filters/root.tsx index cacadc7693d..cbe8c77e2da 100644 --- a/apps/web/core/components/pages/list/applied-filters/root.tsx +++ b/apps/web/core/components/pages/list/applied-filters/root.tsx @@ -6,7 +6,7 @@ import { useTranslation } from "@plane/i18n"; import { PillButton } from "@makeplane/propel/components/pill"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // plane imports import type { TPageFilterProps } from "@plane/types"; import { replaceUnderscoreIfSnakeCase } from "@plane/utils"; @@ -68,7 +68,7 @@ export function PageAppliedFiltersList(props: Props) { className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemoveFilter(filterKey, null)} > - + )}
    @@ -81,7 +81,7 @@ export function PageAppliedFiltersList(props: Props) { size="md" variant="outline" label={t("common.clear_all")} - endIcon={} + endIcon={} onClick={handleClearAllFilters} /> )} diff --git a/apps/web/core/components/pages/list/block-item-action.tsx b/apps/web/core/components/pages/list/block-item-action.tsx index d5a2af29c91..6ce618146b4 100644 --- a/apps/web/core/components/pages/list/block-item-action.tsx +++ b/apps/web/core/components/pages/list/block-item-action.tsx @@ -5,10 +5,9 @@ */ import { observer } from "mobx-react"; -import { Earth, Info, Minus } from "lucide-react"; +import { GlobeOutline, InfoOutline, LockOutline, MinusOutline } from "@makeplane/propel/icons"; // plane imports import { Avatar } from "@makeplane/propel/components/avatar"; -import { LockIcon } from "@plane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import { FavoriteStar } from "@plane/ui"; import { renderFormattedDate, getFileURL } from "@plane/utils"; @@ -55,16 +54,16 @@ export const BlockItemAction = observer(function BlockItemAction(props: Props) {
    - {access === 0 ? : } + {access === 0 ? : }
    {/* vertical divider */} - + {/* page info */} - + diff --git a/apps/web/core/components/pages/list/block.tsx b/apps/web/core/components/pages/list/block.tsx index 8ceec0d6a10..622569dda58 100644 --- a/apps/web/core/components/pages/list/block.tsx +++ b/apps/web/core/components/pages/list/block.tsx @@ -7,7 +7,7 @@ import { useRef } from "react"; import { observer } from "mobx-react"; import { Logo } from "@plane/propel/emoji-icon-picker"; -import { PageIcon } from "@plane/propel/icons"; +import { PagesOutline } from "@makeplane/propel/icons"; // plane imports import { getPageName } from "@plane/utils"; // components @@ -46,7 +46,7 @@ export const PageListBlock = observer(function PageListBlock(props: TPageListBlo {logo_props?.in_use ? ( ) : ( - + )} } diff --git a/apps/web/core/components/pages/list/filters/root.tsx b/apps/web/core/components/pages/list/filters/root.tsx index 7c009046816..41395102040 100644 --- a/apps/web/core/components/pages/list/filters/root.tsx +++ b/apps/web/core/components/pages/list/filters/root.tsx @@ -6,7 +6,7 @@ import { useState, useRef, useEffect } from "react"; import { observer } from "mobx-react"; -import { SearchIcon, CloseIcon } from "@plane/propel/icons"; +import { CloseOutline, SearchOutline } from "@makeplane/propel/icons"; import type { TPageFilterProps, TPageFilters } from "@plane/types"; // components import { FilterCreatedDate } from "@/components/common/filters/created-at"; @@ -60,7 +60,7 @@ export const PageFiltersSelection = observer(function PageFiltersSelection(props
    - + {filtersSearchQuery !== "" && ( )}
    diff --git a/apps/web/core/components/pages/list/order-by.tsx b/apps/web/core/components/pages/list/order-by.tsx index 2e9f22f0ad7..be5a3b7d408 100644 --- a/apps/web/core/components/pages/list/order-by.tsx +++ b/apps/web/core/components/pages/list/order-by.tsx @@ -4,11 +4,10 @@ * See the LICENSE file for details. */ -import { ArrowDownWideNarrow, ArrowUpWideNarrow } from "lucide-react"; +import { SortAscendingOutline, SortDescendingOutline, TickOutline } from "@makeplane/propel/icons"; // plane imports import { getButtonStyling } from "@plane/propel/button"; // types -import { CheckIcon } from "@plane/propel/icons"; import type { TPageFiltersSortBy, TPageFiltersSortKey } from "@plane/types"; import { CustomMenu } from "@plane/ui"; @@ -37,7 +36,7 @@ export function PageOrderByDropdown(props: Props) { - {!isDescending ? : } + {!isDescending ? : } {orderByDetails?.label}
    } @@ -56,7 +55,7 @@ export function PageOrderByDropdown(props: Props) { } > {option.label} - {sortKey === option.key && } + {sortKey === option.key && } ))}
    @@ -70,7 +69,7 @@ export function PageOrderByDropdown(props: Props) { }} > Ascending - {!isDescending && } + {!isDescending && } Descending - {isDescending && } + {isDescending && } ); diff --git a/apps/web/core/components/pages/list/search-input.tsx b/apps/web/core/components/pages/list/search-input.tsx index 36ab492ca5e..e90d67f3bc2 100644 --- a/apps/web/core/components/pages/list/search-input.tsx +++ b/apps/web/core/components/pages/list/search-input.tsx @@ -8,7 +8,7 @@ import { useRef, useState } from "react"; // plane imports import { useOutsideClickDetector } from "@plane/hooks"; import { IconButton } from "@plane/propel/icon-button"; -import { SearchIcon, CloseIcon } from "@plane/propel/icons"; +import { CloseOutline, SearchOutline } from "@makeplane/propel/icons"; import { cn } from "@plane/utils"; type Props = { @@ -49,7 +49,7 @@ export function PageSearchInput(props: Props) { setIsSearchOpen(true); inputRef.current?.focus(); }} - icon={SearchIcon} + icon={SearchOutline} /> )}
    - + - + )}
    diff --git a/apps/web/core/components/pages/modals/page-form.tsx b/apps/web/core/components/pages/modals/page-form.tsx index 84ba42750e8..c234e91d41d 100644 --- a/apps/web/core/components/pages/modals/page-form.tsx +++ b/apps/web/core/components/pages/modals/page-form.tsx @@ -14,7 +14,7 @@ import { ETabIndices, EPageAccess } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; import { EmojiPicker, EmojiIconPickerTypes, Logo } from "@plane/propel/emoji-icon-picker"; -import { GlobeIcon, LockIcon, PageIcon } from "@plane/propel/icons"; +import { GlobeOutline, LockOutline, PagesOutline } from "@makeplane/propel/icons"; import type { ISvgIcons } from "@plane/propel/icons"; import type { TPage } from "@plane/types"; @@ -36,8 +36,8 @@ const PAGE_ACCESS_SPECIFIERS: { i18n_label: string; icon: LucideIcon | React.FC; }[] = [ - { key: EPageAccess.PUBLIC, i18n_label: "common.access.public", icon: GlobeIcon }, - { key: EPageAccess.PRIVATE, i18n_label: "common.access.private", icon: LockIcon }, + { key: EPageAccess.PUBLIC, i18n_label: "common.access.public", icon: GlobeOutline }, + { key: EPageAccess.PRIVATE, i18n_label: "common.access.private", icon: LockOutline }, ]; export function PageForm(props: Props) { @@ -82,7 +82,7 @@ export function PageForm(props: Props) { {formData?.logo_props?.in_use ? ( ) : ( - + )} diff --git a/apps/web/core/components/pages/navigation-pane/tab-panels/assets.tsx b/apps/web/core/components/pages/navigation-pane/tab-panels/assets.tsx index 42e156112b1..16a0196cd74 100644 --- a/apps/web/core/components/pages/navigation-pane/tab-panels/assets.tsx +++ b/apps/web/core/components/pages/navigation-pane/tab-panels/assets.tsx @@ -7,7 +7,7 @@ import { useMemo } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { Download } from "lucide-react"; +import { DownloadOutline } from "@makeplane/propel/icons"; // plane imports import { CORE_EXTENSIONS } from "@plane/editor"; import type { TEditorAsset } from "@plane/editor"; @@ -88,7 +88,7 @@ const AssetItem = observer(function AssetItem(props: AssetItemProps) { rel="noreferrer noopener" className="pointer-events-none flex shrink-0 items-center gap-1 rounded-sm px-1 py-0.5 text-secondary opacity-0 transition-opacity group-hover/asset-item:pointer-events-auto group-hover/asset-item:opacity-100 hover:text-primary" > - + {t("page_navigation_pane.tabs.assets.download_button")}
    diff --git a/apps/web/core/components/pages/version/main-content.tsx b/apps/web/core/components/pages/version/main-content.tsx index 5cd3b76794e..bd978efd1ed 100644 --- a/apps/web/core/components/pages/version/main-content.tsx +++ b/apps/web/core/components/pages/version/main-content.tsx @@ -7,7 +7,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; import useSWR from "swr"; -import { EyeIcon, TriangleAlert } from "lucide-react"; +import { ShowOutline, WarningTriangleOutline } from "@makeplane/propel/icons"; // plane imports import { Button } from "@plane/propel/button"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; @@ -87,7 +87,7 @@ export const PageVersionsMainContent = observer(function PageVersionsMainContent
    - +
    Something went wrong!
    @@ -108,7 +108,7 @@ export const PageVersionsMainContent = observer(function PageVersionsMainContent : "Loading version details"} - + View only
    diff --git a/apps/web/core/components/power-k/config/account-commands.ts b/apps/web/core/components/power-k/config/account-commands.ts index a12d7b78111..e726a30a87d 100644 --- a/apps/web/core/components/power-k/config/account-commands.ts +++ b/apps/web/core/components/power-k/config/account-commands.ts @@ -5,7 +5,7 @@ */ import { useCallback } from "react"; -import { LogOut, Mails } from "lucide-react"; +import { LogOutOutline, MailOutline } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; import { setToast, TOAST_TYPE } from "@plane/propel/toast"; @@ -43,7 +43,7 @@ export const usePowerKAccountCommands = (): TPowerKCommandConfig[] => { type: "action", group: "account", i18n_title: "power_k.account_actions.workspace_invites", - icon: Mails, + icon: MailOutline, action: () => router.push("/invitations"), isEnabled: () => true, isVisible: () => true, @@ -54,7 +54,7 @@ export const usePowerKAccountCommands = (): TPowerKCommandConfig[] => { type: "action", group: "account", i18n_title: "power_k.account_actions.sign_out", - icon: LogOut, + icon: LogOutOutline, action: handleSignOut, isEnabled: () => true, isVisible: () => true, diff --git a/apps/web/core/components/power-k/config/creation/command.ts b/apps/web/core/components/power-k/config/creation/command.ts index f63baa929a6..a6fb8153b19 100644 --- a/apps/web/core/components/power-k/config/creation/command.ts +++ b/apps/web/core/components/power-k/config/creation/command.ts @@ -4,10 +4,16 @@ * See the LICENSE file for details. */ -import { FileText, FolderPlus, Layers, SquarePlus } from "lucide-react"; +import { SquarePlus } from "lucide-react"; +import { + CreateFolderOutline, + CyclesOutline, + DocumentationOutline, + ModuleOutline, + WorkItemsOutline, +} from "@makeplane/propel/icons"; // plane imports import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; -import { ContrastIcon, DiceIcon, LayersIcon } from "@plane/propel/icons"; // components import { EUserProjectRoles } from "@plane/types"; import type { TPowerKCommandConfig, TPowerKContext } from "@/components/power-k/core/types"; @@ -69,7 +75,7 @@ export const usePowerKCreationCommandsRecord = (): Record toggleCreateIssueModal(true), isEnabled: () => Boolean(canCreateWorkItem), @@ -81,7 +87,7 @@ export const usePowerKCreationCommandsRecord = (): Record toggleCreatePageModal({ isOpen: true }), isEnabled: (ctx) => Boolean(getProjectDetails(ctx)?.page_view && hasProjectMemberLevelPermissions(ctx)), @@ -94,7 +100,7 @@ export const usePowerKCreationCommandsRecord = (): Record toggleCreateViewModal(true), isEnabled: (ctx) => Boolean(getProjectDetails(ctx)?.issue_views_view && hasProjectMemberLevelPermissions(ctx)), @@ -109,7 +115,7 @@ export const usePowerKCreationCommandsRecord = (): Record toggleCreateCycleModal(true), isEnabled: (ctx) => Boolean(getProjectDetails(ctx)?.cycle_view && hasProjectMemberLevelPermissions(ctx)), @@ -122,7 +128,7 @@ export const usePowerKCreationCommandsRecord = (): Record toggleCreateModuleModal(true), isEnabled: (ctx) => Boolean(getProjectDetails(ctx)?.module_view && hasProjectMemberLevelPermissions(ctx)), @@ -135,7 +141,7 @@ export const usePowerKCreationCommandsRecord = (): Record toggleCreateProjectModal(true), isEnabled: () => Boolean(canCreateProject), diff --git a/apps/web/core/components/power-k/config/help-commands.ts b/apps/web/core/components/power-k/config/help-commands.ts index 79e47354d56..3481b9f1769 100644 --- a/apps/web/core/components/power-k/config/help-commands.ts +++ b/apps/web/core/components/power-k/config/help-commands.ts @@ -4,7 +4,7 @@ * See the LICENSE file for details. */ -import { FileText, GithubIcon, MessageSquare, Rocket } from "lucide-react"; +import { ChatOutline, DocumentationOutline, Github, RocketOutline } from "@makeplane/propel/icons"; // components import type { TPowerKCommandConfig } from "@/components/power-k/core/types"; // hooks @@ -23,7 +23,7 @@ export const usePowerKHelpCommands = (): TPowerKCommandConfig[] => { type: "action", group: "help", i18n_title: "power_k.help_actions.open_keyboard_shortcuts", - icon: Rocket, + icon: RocketOutline, modifierShortcut: "cmd+/", action: () => toggleShortcutsListModal(true), isEnabled: () => true, @@ -35,7 +35,7 @@ export const usePowerKHelpCommands = (): TPowerKCommandConfig[] => { type: "action", group: "help", i18n_title: "power_k.help_actions.open_plane_documentation", - icon: FileText, + icon: DocumentationOutline, action: () => { window.open("https://docs.plane.so/", "_blank", "noopener,noreferrer"); }, @@ -48,7 +48,7 @@ export const usePowerKHelpCommands = (): TPowerKCommandConfig[] => { type: "action", group: "help", i18n_title: "power_k.help_actions.join_forum", - icon: MessageSquare, + icon: ChatOutline, action: () => { window.open("https://forum.plane.so", "_blank", "noopener,noreferrer"); }, @@ -61,7 +61,7 @@ export const usePowerKHelpCommands = (): TPowerKCommandConfig[] => { type: "action", group: "help", i18n_title: "power_k.help_actions.report_bug", - icon: GithubIcon, + icon: Github, action: () => { window.open("https://github.com/makeplane/plane/issues/new/choose", "_blank", "noopener,noreferrer"); }, diff --git a/apps/web/core/components/power-k/config/miscellaneous-commands.ts b/apps/web/core/components/power-k/config/miscellaneous-commands.ts index de1d617cf08..2432a4b0599 100644 --- a/apps/web/core/components/power-k/config/miscellaneous-commands.ts +++ b/apps/web/core/components/power-k/config/miscellaneous-commands.ts @@ -5,9 +5,8 @@ */ import { useCallback } from "react"; -import { PanelLeft } from "lucide-react"; +import { LeftSidePaneOutline, LinkOutline, SearchOutline } from "@makeplane/propel/icons"; import { useTranslation } from "@plane/i18n"; -import { LinkIcon, SearchIcon } from "@plane/propel/icons"; // plane imports import { setToast, TOAST_TYPE } from "@plane/propel/toast"; import { copyTextToClipboard } from "@plane/utils"; @@ -57,7 +56,7 @@ export const usePowerKMiscellaneousCommands = (): TPowerKCommandConfig[] => { group: "miscellaneous", type: "action", i18n_title: "power_k.miscellaneous_actions.toggle_app_sidebar", - icon: PanelLeft, + icon: LeftSidePaneOutline, action: () => toggleSidebar(), modifierShortcut: "cmd+b", isEnabled: () => true, @@ -69,7 +68,7 @@ export const usePowerKMiscellaneousCommands = (): TPowerKCommandConfig[] => { group: "miscellaneous", type: "action", i18n_title: "power_k.miscellaneous_actions.copy_current_page_url", - icon: LinkIcon, + icon: LinkOutline, action: copyCurrentPageUrlToClipboard, modifierShortcut: "cmd+shift+c", isEnabled: () => true, @@ -81,7 +80,7 @@ export const usePowerKMiscellaneousCommands = (): TPowerKCommandConfig[] => { group: "miscellaneous", type: "action", i18n_title: "power_k.miscellaneous_actions.focus_top_nav_search", - icon: SearchIcon, + icon: SearchOutline, action: focusTopNavSearch, modifierShortcut: "cmd+f", isEnabled: () => true, diff --git a/apps/web/core/components/power-k/config/navigation/commands.ts b/apps/web/core/components/power-k/config/navigation/commands.ts index aecd31b7863..22e1558e8b4 100644 --- a/apps/web/core/components/power-k/config/navigation/commands.ts +++ b/apps/web/core/components/power-k/config/navigation/commands.ts @@ -4,10 +4,23 @@ * See the LICENSE file for details. */ -import { BarChart2, Briefcase, FileText, Home, Inbox, Layers, PenSquare, Settings } from "lucide-react"; +import { + ActivityOutline, + ArchiveOutline, + BarOutline, + CyclesOutline, + DocumentationOutline, + EditOutline, + HomeOutline, + InboxOutline, + IntakeOutline, + ModuleOutline, + ProjectsOutline, + SettingsOutline, + WorkItemsOutline, +} from "@makeplane/propel/icons"; // plane imports import { EUserPermissionsLevel } from "@plane/constants"; -import { ArchiveIcon, UserActivityIcon, LayersIcon, ContrastIcon, DiceIcon, Intake } from "@plane/propel/icons"; import type { ICycle, IModule, IPartialProject, IProjectView, IWorkspace } from "@plane/types"; import { EUserProjectRoles, EUserWorkspaceRoles } from "@plane/types"; // components @@ -82,7 +95,7 @@ export const usePowerKNavigationCommandsRecord = (): Record { @@ -98,7 +111,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ctx.params.workspaceSlug?.toString()]), isEnabled: (ctx) => baseWorkspaceConditions(ctx), @@ -110,7 +123,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ctx.params.workspaceSlug?.toString(), "notifications"]), isEnabled: (ctx) => baseWorkspaceConditions(ctx), @@ -122,7 +135,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ctx.params.workspaceSlug?.toString(), "profile", currentUser?.id]), isEnabled: (ctx) => baseWorkspaceConditions(ctx) && hasWorkspaceMemberLevelPermissions(ctx), @@ -134,7 +147,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ctx.params.workspaceSlug?.toString(), "settings", "account"]), isEnabled: (ctx) => baseWorkspaceConditions(ctx), isVisible: (ctx) => baseWorkspaceConditions(ctx), @@ -145,7 +158,7 @@ export const usePowerKNavigationCommandsRecord = (): Record { @@ -161,7 +174,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ctx.params.workspaceSlug?.toString(), "projects"]), isEnabled: (ctx) => baseWorkspaceConditions(ctx), @@ -173,7 +186,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ctx.params.workspaceSlug?.toString(), "workspace-views", "all-issues"]), isEnabled: (ctx) => baseWorkspaceConditions(ctx), @@ -185,7 +198,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ctx.params.workspaceSlug?.toString(), "workspace-views", "assigned"]), isEnabled: (ctx) => baseWorkspaceConditions(ctx), isVisible: (ctx) => baseWorkspaceConditions(ctx), @@ -196,7 +209,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ctx.params.workspaceSlug?.toString(), "workspace-views", "created"]), isEnabled: (ctx) => baseWorkspaceConditions(ctx), isVisible: (ctx) => baseWorkspaceConditions(ctx), @@ -207,7 +220,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ctx.params.workspaceSlug?.toString(), "workspace-views", "subscribed"]), isEnabled: (ctx) => baseWorkspaceConditions(ctx), @@ -219,7 +232,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ctx.params.workspaceSlug?.toString(), "analytics", "overview"]), isEnabled: (ctx) => baseWorkspaceConditions(ctx) && hasWorkspaceMemberLevelPermissions(ctx), @@ -231,7 +244,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ctx.params.workspaceSlug?.toString(), "drafts"]), isEnabled: (ctx) => baseWorkspaceConditions(ctx) && hasWorkspaceMemberLevelPermissions(ctx), @@ -243,7 +256,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ctx.params.workspaceSlug?.toString(), "projects", "archives"]), isEnabled: (ctx) => @@ -257,7 +270,7 @@ export const usePowerKNavigationCommandsRecord = (): Record { @@ -273,7 +286,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ctx.params.workspaceSlug?.toString(), "settings"]), isEnabled: (ctx) => baseWorkspaceConditions(ctx) && !baseProjectConditions(ctx), @@ -285,7 +298,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ @@ -303,7 +316,7 @@ export const usePowerKNavigationCommandsRecord = (): Record { @@ -327,7 +340,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ @@ -347,7 +360,7 @@ export const usePowerKNavigationCommandsRecord = (): Record { @@ -371,7 +384,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ @@ -391,7 +404,7 @@ export const usePowerKNavigationCommandsRecord = (): Record { @@ -413,7 +426,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ @@ -431,7 +444,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ @@ -449,7 +462,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ @@ -467,7 +480,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ @@ -486,7 +499,7 @@ export const usePowerKNavigationCommandsRecord = (): Record { @@ -508,7 +521,7 @@ export const usePowerKNavigationCommandsRecord = (): Record handlePowerKNavigate(ctx, [ diff --git a/apps/web/core/components/power-k/config/preferences-commands.ts b/apps/web/core/components/power-k/config/preferences-commands.ts index b1a9e971883..499db1cd6e8 100644 --- a/apps/web/core/components/power-k/config/preferences-commands.ts +++ b/apps/web/core/components/power-k/config/preferences-commands.ts @@ -6,7 +6,8 @@ import { useCallback } from "react"; import { useTheme } from "next-themes"; -import { Calendar, Earth, Languages, Palette } from "lucide-react"; +import { Languages } from "lucide-react"; +import { CalendarOutline, GlobeOutline, PaletteOutline } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; import { setToast, TOAST_TYPE } from "@plane/propel/toast"; @@ -109,7 +110,7 @@ export const usePowerKPreferencesCommands = (): TPowerKCommandConfig[] => { type: "change-page", page: "update-theme", i18n_title: "power_k.preferences_actions.update_theme", - icon: Palette, + icon: PaletteOutline, onSelect: (data) => { const theme = data as string; void handleUpdateTheme(theme); @@ -124,7 +125,7 @@ export const usePowerKPreferencesCommands = (): TPowerKCommandConfig[] => { page: "update-timezone", type: "change-page", i18n_title: "power_k.preferences_actions.update_timezone", - icon: Earth, + icon: GlobeOutline, onSelect: (data) => { const timezone = data as string; handleUpdateTimezone(timezone); @@ -139,7 +140,7 @@ export const usePowerKPreferencesCommands = (): TPowerKCommandConfig[] => { page: "update-start-of-week", type: "change-page", i18n_title: "power_k.preferences_actions.update_start_of_week", - icon: Calendar, + icon: CalendarOutline, onSelect: (data) => { const startOfWeek = data as EStartOfTheWeek; handleUpdateUserProfile({ start_of_the_week: startOfWeek }); diff --git a/apps/web/core/components/power-k/menus/cycles.tsx b/apps/web/core/components/power-k/menus/cycles.tsx index 4714b26f261..b44107550a6 100644 --- a/apps/web/core/components/power-k/menus/cycles.tsx +++ b/apps/web/core/components/power-k/menus/cycles.tsx @@ -7,7 +7,7 @@ import React from "react"; import { observer } from "mobx-react"; // plane imports -import { ContrastIcon } from "@plane/propel/icons"; +import { CyclesOutline } from "@makeplane/propel/icons"; import type { ICycle } from "@plane/types"; // local imports import { PowerKMenuBuilder } from "./builder"; @@ -22,7 +22,7 @@ export const PowerKCyclesMenu = observer(function PowerKCyclesMenu({ cycles, onS return ( ContrastIcon} + getIcon={() => CyclesOutline} getKey={(cycle) => cycle.id} getValue={(cycle) => cycle.name} getLabel={(cycle) => cycle.name} diff --git a/apps/web/core/components/power-k/menus/views.tsx b/apps/web/core/components/power-k/menus/views.tsx index 4404d851383..e56cff716d2 100644 --- a/apps/web/core/components/power-k/menus/views.tsx +++ b/apps/web/core/components/power-k/menus/views.tsx @@ -6,7 +6,7 @@ import React from "react"; import { observer } from "mobx-react"; -import { Layers } from "lucide-react"; +import { WorkItemsOutline } from "@makeplane/propel/icons"; // plane imports import type { IProjectView } from "@plane/types"; // local imports @@ -22,7 +22,7 @@ export const PowerKViewsMenu = observer(function PowerKViewsMenu({ views, onSele view.id} - getIcon={() => Layers} + getIcon={() => WorkItemsOutline} getValue={(view) => view.name} getLabel={(view) => view.name} onSelect={onSelect} diff --git a/apps/web/core/components/power-k/ui/modal/command-item.tsx b/apps/web/core/components/power-k/ui/modal/command-item.tsx index 18fdbd5bc4a..17f794b265c 100644 --- a/apps/web/core/components/power-k/ui/modal/command-item.tsx +++ b/apps/web/core/components/power-k/ui/modal/command-item.tsx @@ -7,7 +7,7 @@ import React from "react"; import { Command } from "cmdk"; -import { CheckIcon } from "@plane/propel/icons"; +import { TickOutline } from "@makeplane/propel/icons"; // plane imports import { cn } from "@plane/utils"; // local imports @@ -40,7 +40,7 @@ export function PowerKModalCommandItem(props: Props) { {label}
    - {isSelected && } + {isSelected && } {keySequence && } {shortcut && }
    diff --git a/apps/web/core/components/power-k/ui/modal/context-indicator.tsx b/apps/web/core/components/power-k/ui/modal/context-indicator.tsx index 3c0f1ac7543..d678054a6f8 100644 --- a/apps/web/core/components/power-k/ui/modal/context-indicator.tsx +++ b/apps/web/core/components/power-k/ui/modal/context-indicator.tsx @@ -4,7 +4,7 @@ * See the LICENSE file for details. */ -import { X } from "lucide-react"; +import { CloseOutline } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; // local imports @@ -44,7 +44,7 @@ export function PowerKModalContextIndicator(props: Props) { aria-label="Clear context (Backspace)" tabIndex={-1} > - +
    diff --git a/apps/web/core/components/power-k/ui/modal/header.tsx b/apps/web/core/components/power-k/ui/modal/header.tsx index 4b567b733e9..f86c6f143d5 100644 --- a/apps/web/core/components/power-k/ui/modal/header.tsx +++ b/apps/web/core/components/power-k/ui/modal/header.tsx @@ -6,10 +6,9 @@ import React from "react"; import { Command } from "cmdk"; -import { X } from "lucide-react"; +import { CloseOutline, SearchOutline } from "@makeplane/propel/icons"; import { useTranslation } from "@plane/i18n"; // plane imports -import { SearchIcon } from "@plane/propel/icons"; // local imports import type { TPowerKContext, TPowerKPageType } from "../../core/types"; import { POWER_K_MODAL_PAGE_DETAILS } from "./constants"; @@ -43,7 +42,7 @@ export function PowerKModalHeader(props: Props) { {/* Search Input */}
    - + onSearchChange("")} className="flex-shrink-0 rounded-sm p-1 text-placeholder hover:bg-layer-1 hover:text-secondary" > - + )}
    diff --git a/apps/web/core/components/power-k/ui/modal/no-results-command.tsx b/apps/web/core/components/power-k/ui/modal/no-results-command.tsx index a926df09e07..528af77450c 100644 --- a/apps/web/core/components/power-k/ui/modal/no-results-command.tsx +++ b/apps/web/core/components/power-k/ui/modal/no-results-command.tsx @@ -6,7 +6,7 @@ import { Command } from "cmdk"; import { useTranslation } from "@plane/i18n"; -import { SearchIcon } from "@plane/propel/icons"; +import { SearchOutline } from "@makeplane/propel/icons"; // components import type { TPowerKContext } from "@/components/power-k/core/types"; import { PowerKModalCommandItem } from "@/components/power-k/ui/modal/command-item"; @@ -25,7 +25,7 @@ export function PowerKModalNoSearchResultsCommand(props: TPowerKModalNoSearchRes return ( diff --git a/apps/web/core/components/power-k/ui/modal/search-results-map.tsx b/apps/web/core/components/power-k/ui/modal/search-results-map.tsx index 2ce27313f6d..e337258b7e4 100644 --- a/apps/web/core/components/power-k/ui/modal/search-results-map.tsx +++ b/apps/web/core/components/power-k/ui/modal/search-results-map.tsx @@ -4,9 +4,15 @@ * See the LICENSE file for details. */ -import { Briefcase, FileText, Layers, LayoutGrid } from "lucide-react"; +import { + CyclesOutline, + DocumentationOutline, + GridOutline, + ModuleOutline, + ProjectsOutline, + WorkItemsOutline, +} from "@makeplane/propel/icons"; // plane imports -import { ContrastIcon, DiceIcon } from "@plane/propel/icons"; import type { IWorkspaceDefaultSearchResult, IWorkspaceIssueSearchResult, @@ -28,7 +34,7 @@ export type TPowerKSearchResultGroupDetails = { export const POWER_K_SEARCH_RESULTS_GROUPS_MAP: Record = { cycle: { - icon: ContrastIcon, + icon: CyclesOutline, itemName: (cycle: IWorkspaceDefaultSearchResult) => (

    {cycle.project__identifier} {cycle.name} @@ -62,7 +68,7 @@ export const POWER_K_SEARCH_RESULTS_GROUPS_MAP: Record (

    {view.project__identifier} {view.name} @@ -73,7 +79,7 @@ export const POWER_K_SEARCH_RESULTS_GROUPS_MAP: Record (

    {module.project__identifier} {module.name} @@ -84,7 +90,7 @@ export const POWER_K_SEARCH_RESULTS_GROUPS_MAP: Record (

    {page.project__identifiers?.[0]} {page.name} @@ -100,13 +106,13 @@ export const POWER_K_SEARCH_RESULTS_GROUPS_MAP: Record project?.name, path: (project: IWorkspaceProjectSearchResult) => `/${project?.workspace__slug}/projects/${project?.id}/issues/`, title: "Projects", }, workspace: { - icon: LayoutGrid, + icon: GridOutline, itemName: (workspace: IWorkspaceSearchResult) => workspace?.name, path: (workspace: IWorkspaceSearchResult) => `/${workspace?.slug}/`, title: "Workspaces", diff --git a/apps/web/core/components/power-k/ui/modal/shortcuts-root.tsx b/apps/web/core/components/power-k/ui/modal/shortcuts-root.tsx index 2f9be5add2a..97971429a24 100644 --- a/apps/web/core/components/power-k/ui/modal/shortcuts-root.tsx +++ b/apps/web/core/components/power-k/ui/modal/shortcuts-root.tsx @@ -8,7 +8,7 @@ import { useState, Fragment } from "react"; import { Dialog, Transition } from "@headlessui/react"; // plane imports import { Input, InputGroup } from "@makeplane/propel/components/input"; -import { CloseIcon, SearchIcon } from "@plane/propel/icons"; +import { CloseOutline, SearchOutline } from "@makeplane/propel/icons"; import { ScrollArea } from "@plane/propel/scrollarea"; // hooks @@ -67,12 +67,12 @@ export function ShortcutsModal(props: Props) { Keyboard shortcuts

    - + { i18n_title: isFavorite ? "power_k.contextual_actions.cycle.remove_from_favorites" : "power_k.contextual_actions.cycle.add_to_favorites", - icon: isFavorite ? StarOff : Star, + icon: isFavorite ? StarOff : StarOutline, group: "contextual", contextType: "cycle", type: "action", @@ -87,7 +87,7 @@ export const usePowerKCycleContextBasedActions = (): TPowerKCommandConfig[] => { { id: "copy_cycle_url", i18n_title: "power_k.contextual_actions.cycle.copy_url", - icon: LinkIcon, + icon: LinkOutline, group: "contextual", contextType: "cycle", type: "action", diff --git a/apps/web/core/components/power-k/ui/pages/context-based/module/commands.tsx b/apps/web/core/components/power-k/ui/pages/context-based/module/commands.tsx index 891197be827..28a910219e1 100644 --- a/apps/web/core/components/power-k/ui/pages/context-based/module/commands.tsx +++ b/apps/web/core/components/power-k/ui/pages/context-based/module/commands.tsx @@ -6,11 +6,12 @@ import { useCallback } from "react"; import { useParams } from "next/navigation"; -import { Star, StarOff, Users } from "lucide-react"; +import { StarOff } from "lucide-react"; +import { LinkOutline, MembersOutline, StarOutline } from "@makeplane/propel/icons"; // plane imports import { EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { LinkIcon, ModuleStatusIcon } from "@plane/propel/icons"; +import { ModuleStatusIcon } from "@plane/propel/icons"; import { setToast, TOAST_TYPE } from "@plane/propel/toast"; import type { IModule, TModuleStatus } from "@plane/types"; import { EUserPermissions } from "@plane/types"; @@ -103,7 +104,7 @@ export const usePowerKModuleContextBasedActions = (): TPowerKCommandConfig[] => { id: "add_remove_module_members", i18n_title: "power_k.contextual_actions.module.add_remove_members", - icon: Users, + icon: MembersOutline, group: "contextual", contextType: "module", type: "change-page", @@ -139,7 +140,7 @@ export const usePowerKModuleContextBasedActions = (): TPowerKCommandConfig[] => i18n_title: isFavorite ? "power_k.contextual_actions.module.remove_from_favorites" : "power_k.contextual_actions.module.add_to_favorites", - icon: isFavorite ? StarOff : Star, + icon: isFavorite ? StarOff : StarOutline, group: "contextual", contextType: "module", type: "action", @@ -152,7 +153,7 @@ export const usePowerKModuleContextBasedActions = (): TPowerKCommandConfig[] => { id: "copy_module_url", i18n_title: "power_k.contextual_actions.module.copy_url", - icon: LinkIcon, + icon: LinkOutline, group: "contextual", contextType: "module", type: "action", diff --git a/apps/web/core/components/power-k/ui/pages/context-based/page/commands.ts b/apps/web/core/components/power-k/ui/pages/context-based/page/commands.ts index 7bbea537826..ecede47deb1 100644 --- a/apps/web/core/components/power-k/ui/pages/context-based/page/commands.ts +++ b/apps/web/core/components/power-k/ui/pages/context-based/page/commands.ts @@ -6,10 +6,19 @@ import { useCallback } from "react"; import { useParams } from "next/navigation"; -import { ArchiveIcon, ArchiveRestoreIcon, LockKeyhole, LockKeyholeOpen, Star, StarOff } from "lucide-react"; +import { StarOff } from "lucide-react"; +import { + ArchiveOutline, + GlobeOutline, + LinkOutline, + LockOutline, + LockedOutline, + RestoreOutline, + StarOutline, + UnlockedOutline, +} from "@makeplane/propel/icons"; import { useTranslation } from "@plane/i18n"; // plane imports -import { LinkIcon, GlobeIcon, LockIcon } from "@plane/propel/icons"; import { setToast, TOAST_TYPE } from "@plane/propel/toast"; import { EPageAccess } from "@plane/types"; import { copyTextToClipboard } from "@plane/utils"; @@ -80,7 +89,7 @@ export const usePowerKPageContextBasedActions = (): TPowerKCommandConfig[] => { { id: "toggle_page_lock", i18n_title: isLocked ? "power_k.contextual_actions.page.unlock" : "power_k.contextual_actions.page.lock", - icon: isLocked ? LockKeyholeOpen : LockKeyhole, + icon: isLocked ? UnlockedOutline : LockedOutline, group: "contextual", contextType: "page", type: "action", @@ -107,7 +116,7 @@ export const usePowerKPageContextBasedActions = (): TPowerKCommandConfig[] => { access === EPageAccess.PUBLIC ? "power_k.contextual_actions.page.make_private" : "power_k.contextual_actions.page.make_public", - icon: access === EPageAccess.PUBLIC ? LockIcon : GlobeIcon, + icon: access === EPageAccess.PUBLIC ? LockOutline : GlobeOutline, group: "contextual", contextType: "page", type: "action", @@ -129,7 +138,7 @@ export const usePowerKPageContextBasedActions = (): TPowerKCommandConfig[] => { { id: "toggle_page_archive", i18n_title: archived_at ? "power_k.contextual_actions.page.restore" : "power_k.contextual_actions.page.archive", - icon: archived_at ? ArchiveRestoreIcon : ArchiveIcon, + icon: archived_at ? RestoreOutline : ArchiveOutline, group: "contextual", contextType: "page", type: "action", @@ -153,7 +162,7 @@ export const usePowerKPageContextBasedActions = (): TPowerKCommandConfig[] => { i18n_title: isFavorite ? "power_k.contextual_actions.page.remove_from_favorites" : "power_k.contextual_actions.page.add_to_favorites", - icon: isFavorite ? StarOff : Star, + icon: isFavorite ? StarOff : StarOutline, group: "contextual", contextType: "page", type: "action", @@ -166,7 +175,7 @@ export const usePowerKPageContextBasedActions = (): TPowerKCommandConfig[] => { { id: "copy_page_url", i18n_title: "power_k.contextual_actions.page.copy_url", - icon: LinkIcon, + icon: LinkOutline, group: "contextual", contextType: "page", type: "action", diff --git a/apps/web/core/components/power-k/ui/pages/context-based/work-item/commands.ts b/apps/web/core/components/power-k/ui/pages/context-based/work-item/commands.ts index 888260c9a28..4c7e58a22ef 100644 --- a/apps/web/core/components/power-k/ui/pages/context-based/work-item/commands.ts +++ b/apps/web/core/components/power-k/ui/pages/context-based/work-item/commands.ts @@ -6,22 +6,24 @@ import { useCallback } from "react"; import { useParams } from "next/navigation"; +import { Signal, TicketCheck, Triangle } from "lucide-react"; import { - Bell, - BellOff, - Signal, - TagIcon, - TicketCheck, - Triangle, - Type, - UserMinus2, - UserPlus2, - Users, -} from "lucide-react"; + CyclesOutline, + DeleteOutline, + LabelsOutline, + LinkOutline, + MembersOutline, + ModuleOutline, + StateOutline, + SubscribeOutline, + TextOutline, + UnsubscribeOutline, + UserMinusOutline, + UserPlusOutline, +} from "@makeplane/propel/icons"; // plane imports import { EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { LinkIcon, TrashIcon, ContrastIcon, DiceIcon, DoubleCircleIcon } from "@plane/propel/icons"; import { setToast, TOAST_TYPE } from "@plane/propel/toast"; import type { ICycle, IIssueLabel, IModule, TIssue, TIssuePriorities } from "@plane/types"; import { EIssueServiceType, EUserPermissions } from "@plane/types"; @@ -199,7 +201,7 @@ export const usePowerKWorkItemContextBasedCommands = (): TPowerKCommandConfig[] { id: "change_work_item_state", i18n_title: "power_k.contextual_actions.work_item.change_state", - icon: DoubleCircleIcon, + icon: StateOutline, group: "contextual", contextType: "work-item", type: "change-page", @@ -239,7 +241,7 @@ export const usePowerKWorkItemContextBasedCommands = (): TPowerKCommandConfig[] { id: "change_work_item_assignees", i18n_title: "power_k.contextual_actions.work_item.change_assignees", - icon: Users, + icon: MembersOutline, group: "contextual", contextType: "work-item", type: "change-page", @@ -258,7 +260,7 @@ export const usePowerKWorkItemContextBasedCommands = (): TPowerKCommandConfig[] i18n_title: isCurrentUserAssigned ? "power_k.contextual_actions.work_item.unassign_from_me" : "power_k.contextual_actions.work_item.assign_to_me", - icon: isCurrentUserAssigned ? UserMinus2 : UserPlus2, + icon: isCurrentUserAssigned ? UserMinusOutline : UserPlusOutline, group: "contextual", contextType: "work-item", type: "action", @@ -294,7 +296,7 @@ export const usePowerKWorkItemContextBasedCommands = (): TPowerKCommandConfig[] { id: "add_work_item_to_cycle", i18n_title: "power_k.contextual_actions.work_item.add_to_cycle", - icon: ContrastIcon, + icon: CyclesOutline, group: "contextual", contextType: "work-item", type: "change-page", @@ -334,7 +336,7 @@ export const usePowerKWorkItemContextBasedCommands = (): TPowerKCommandConfig[] { id: "add_work_item_to_modules", i18n_title: "power_k.contextual_actions.work_item.add_to_modules", - icon: DiceIcon, + icon: ModuleOutline, group: "contextual", contextType: "work-item", type: "change-page", @@ -366,7 +368,7 @@ export const usePowerKWorkItemContextBasedCommands = (): TPowerKCommandConfig[] { id: "add_work_item_labels", i18n_title: "power_k.contextual_actions.work_item.add_labels", - icon: TagIcon, + icon: LabelsOutline, group: "contextual", contextType: "work-item", type: "change-page", @@ -391,7 +393,7 @@ export const usePowerKWorkItemContextBasedCommands = (): TPowerKCommandConfig[] i18n_title: isSubscribed ? "power_k.contextual_actions.work_item.unsubscribe" : "power_k.contextual_actions.work_item.subscribe", - icon: isSubscribed ? BellOff : Bell, + icon: isSubscribed ? UnsubscribeOutline : SubscribeOutline, group: "contextual", contextType: "work-item", type: "action", @@ -404,7 +406,7 @@ export const usePowerKWorkItemContextBasedCommands = (): TPowerKCommandConfig[] { id: "delete_work_item", i18n_title: "power_k.contextual_actions.work_item.delete", - icon: TrashIcon, + icon: DeleteOutline, group: "contextual", contextType: "work-item", type: "action", @@ -430,7 +432,7 @@ export const usePowerKWorkItemContextBasedCommands = (): TPowerKCommandConfig[] { id: "copy_work_item_title", i18n_title: "power_k.contextual_actions.work_item.copy_title", - icon: Type, + icon: TextOutline, group: "contextual", contextType: "work-item", type: "action", @@ -443,7 +445,7 @@ export const usePowerKWorkItemContextBasedCommands = (): TPowerKCommandConfig[] { id: "copy_work_item_url", i18n_title: "power_k.contextual_actions.work_item.copy_url", - icon: LinkIcon, + icon: LinkOutline, group: "contextual", contextType: "work-item", type: "action", diff --git a/apps/web/core/components/profile/activity/activity-list.tsx b/apps/web/core/components/profile/activity/activity-list.tsx index 064270bcc6b..dbdb43aba26 100644 --- a/apps/web/core/components/profile/activity/activity-list.tsx +++ b/apps/web/core/components/profile/activity/activity-list.tsx @@ -7,7 +7,7 @@ import { observer } from "mobx-react"; import Link from "next/link"; import { useParams } from "next/navigation"; -import { History, MessageSquare } from "lucide-react"; +import { ChatOutline, HistoryOutline } from "@makeplane/propel/icons"; // plane imports import type { IUserActivityResponse } from "@plane/types"; import { calculateTimeAgo, getFileURL } from "@plane/utils"; @@ -45,7 +45,9 @@ export const ActivityList = observer(function ActivityList(props: Props) {
    {activityItem.field ? ( - activityItem.new_value === "restore" && + activityItem.new_value === "restore" && ( + + ) ) : activityItem.actor_detail.avatar_url && activityItem.actor_detail.avatar_url !== "" ? ( -
    @@ -120,7 +122,7 @@ export const ActivityList = observer(function ActivityList(props: Props) {
    {activityItem.field ? ( activityItem.new_value === "restore" ? ( - + ) : ( ) diff --git a/apps/web/core/components/profile/overview/stats.tsx b/apps/web/core/components/profile/overview/stats.tsx index 9431cc8115b..c4ac86ecc2d 100644 --- a/apps/web/core/components/profile/overview/stats.tsx +++ b/apps/web/core/components/profile/overview/stats.tsx @@ -9,7 +9,8 @@ import { useParams } from "next/navigation"; // ui import { useTranslation } from "@plane/i18n"; -import { UserCirclePropertyIcon, CreateIcon, LayerStackIcon } from "@plane/propel/icons"; +import { LayerStackIcon } from "@plane/propel/icons"; +import { AddOutline, UserOutline } from "@makeplane/propel/icons"; import type { IUserProfileData } from "@plane/types"; import { Loader, Card, ECardSpacing, ECardDirection } from "@plane/ui"; // types @@ -25,13 +26,13 @@ export function ProfileStats({ userProfile }: Props) { const overviewCards = [ { - icon: CreateIcon, + icon: AddOutline, route: "created", i18n_title: "profile.stats.created", value: userProfile?.created_issues ?? "...", }, { - icon: UserCirclePropertyIcon, + icon: UserOutline, route: "assigned", i18n_title: "profile.stats.assigned", value: userProfile?.assigned_issues ?? "...", diff --git a/apps/web/core/components/profile/sidebar.tsx b/apps/web/core/components/profile/sidebar.tsx index 0fec7dd8a35..4bb2cbed6c0 100644 --- a/apps/web/core/components/profile/sidebar.tsx +++ b/apps/web/core/components/profile/sidebar.tsx @@ -13,7 +13,7 @@ import { useOutsideClickDetector } from "@plane/hooks"; import { useTranslation } from "@plane/i18n"; import { Logo } from "@plane/propel/emoji-icon-picker"; import { IconButton } from "@plane/propel/icon-button"; -import { EditIcon, ChevronDownIcon } from "@plane/propel/icons"; +import { ChevronDownOutline, EditOutline } from "@makeplane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { IUserProfileProjectSegregation } from "@plane/types"; import { Loader } from "@plane/ui"; @@ -99,7 +99,7 @@ export const ProfileSidebar = observer(function ProfileSidebar(props: TProfileSi
    toggleProfileSettingsModal({ activeTab: "general", @@ -185,7 +185,7 @@ export const ProfileSidebar = observer(function ProfileSidebar(props: TProfileSi
    )} - +
    - +
    @@ -92,7 +93,7 @@ export const GroupItem = observer(function GroupItem(props: TGroupItem) { }} disabled={!isEditable || createState} > - +
    diff --git a/apps/web/core/components/project-states/options/delete.tsx b/apps/web/core/components/project-states/options/delete.tsx index 32cd487dc99..44747afaf32 100644 --- a/apps/web/core/components/project-states/options/delete.tsx +++ b/apps/web/core/components/project-states/options/delete.tsx @@ -6,8 +6,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; -import { Loader } from "lucide-react"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline, LoadingOutline } from "@makeplane/propel/icons"; // plane imports import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@makeplane/propel/components/tooltip"; @@ -93,7 +92,11 @@ export const StateDelete = observer(function StateDelete(props: TStateDelete) { layout="stacked" disabled={!isDeleteDisabled || isMobile} > - {isDelete ? : } + {isDelete ? ( + + ) : ( + + )} diff --git a/apps/web/core/components/project-states/state-item-title.tsx b/apps/web/core/components/project-states/state-item-title.tsx index be0ae5fb044..da953ffff0e 100644 --- a/apps/web/core/components/project-states/state-item-title.tsx +++ b/apps/web/core/components/project-states/state-item-title.tsx @@ -6,10 +6,10 @@ import type { SetStateAction } from "react"; import { observer } from "mobx-react"; -import { GripVertical } from "lucide-react"; +import { DragDropOutline, EditOutline } from "@makeplane/propel/icons"; import { EIconSize } from "@plane/constants"; // plane imports -import { EditIcon, StateGroupIcon } from "@plane/propel/icons"; +import { StateGroupIcon } from "@plane/propel/icons"; import type { IState, TStateOperationsCallbacks } from "@plane/types"; // local imports import { useProjectState } from "@/hooks/store/use-project-state"; @@ -47,7 +47,7 @@ export const StateItemTitle = observer(function StateItemTitle(props: TStateItem {/* draggable indicator */} {!disabled && stateCount != 1 && (
    - +
    )} {/* state icon */} @@ -76,7 +76,7 @@ export const StateItemTitle = observer(function StateItemTitle(props: TStateItem className="flex h-5 w-5 flex-shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-sm text-secondary transition-colors hover:bg-layer-1 hover:text-primary" onClick={() => setUpdateStateModal(true)} > - + void; @@ -33,7 +33,7 @@ export const AppliedAccessFilters = observer(function AppliedAccessFilters(props className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(status)} > - + )}
    diff --git a/apps/web/core/components/project/applied-filters/date.tsx b/apps/web/core/components/project/applied-filters/date.tsx index ec7610548f3..f9693fd4322 100644 --- a/apps/web/core/components/project/applied-filters/date.tsx +++ b/apps/web/core/components/project/applied-filters/date.tsx @@ -6,7 +6,7 @@ import { observer } from "mobx-react"; import { PROJECT_CREATED_AT_FILTER_OPTIONS } from "@plane/constants"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // helpers import { renderFormattedDate, capitalizeFirstLetter } from "@plane/utils"; // constants @@ -50,7 +50,7 @@ export const AppliedDateFilters = observer(function AppliedDateFilters(props: Pr className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(date)} > - + )}
    diff --git a/apps/web/core/components/project/applied-filters/members.tsx b/apps/web/core/components/project/applied-filters/members.tsx index 35344a7e8b5..0643a333f57 100644 --- a/apps/web/core/components/project/applied-filters/members.tsx +++ b/apps/web/core/components/project/applied-filters/members.tsx @@ -6,7 +6,7 @@ import { observer } from "mobx-react"; import { Avatar } from "@makeplane/propel/components/avatar"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // helpers import { getFileURL } from "@plane/utils"; // types @@ -47,7 +47,7 @@ export const AppliedMembersFilters = observer(function AppliedMembersFilters(pro className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(memberId)} > - + )}
    diff --git a/apps/web/core/components/project/applied-filters/project-display-filters.tsx b/apps/web/core/components/project/applied-filters/project-display-filters.tsx index 2ca36c807f3..ca2a32d7d06 100644 --- a/apps/web/core/components/project/applied-filters/project-display-filters.tsx +++ b/apps/web/core/components/project/applied-filters/project-display-filters.tsx @@ -9,7 +9,7 @@ import { observer } from "mobx-react"; // types import { PROJECT_DISPLAY_FILTER_OPTIONS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; import type { TProjectAppliedDisplayFilterKeys } from "@plane/types"; // constants @@ -36,7 +36,7 @@ export const AppliedProjectDisplayFilters = observer(function AppliedProjectDisp className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(key)} > - + )}
    diff --git a/apps/web/core/components/project/applied-filters/root.tsx b/apps/web/core/components/project/applied-filters/root.tsx index 7e418cc9d15..fd577af480d 100644 --- a/apps/web/core/components/project/applied-filters/root.tsx +++ b/apps/web/core/components/project/applied-filters/root.tsx @@ -6,7 +6,7 @@ import { useTranslation } from "@plane/i18n"; import { PillButton } from "@makeplane/propel/components/pill"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // plane imports import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { TProjectAppliedDisplayFilterKeys, TProjectFilters } from "@plane/types"; @@ -93,7 +93,7 @@ export function ProjectAppliedFiltersList(props: Props) { className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemoveFilter(filterKey, null)} > - + )} @@ -119,7 +119,7 @@ export function ProjectAppliedFiltersList(props: Props) { size="md" variant="outline" label={t("common.clear_all")} - endIcon={} + endIcon={} onClick={handleClearAllFilters} /> )} diff --git a/apps/web/core/components/project/card.tsx b/apps/web/core/components/project/card.tsx index 0a038b193bb..67df2d121e7 100644 --- a/apps/web/core/components/project/card.tsx +++ b/apps/web/core/components/project/card.tsx @@ -8,14 +8,22 @@ import React, { useRef, useState } from "react"; import { observer } from "mobx-react"; import Link from "next/link"; import { useParams } from "next/navigation"; -import { ArchiveRestoreIcon, Settings, UserPlus } from "lucide-react"; +import { + DeleteOutline, + LinkOutline, + LockOutline, + NewTabOutline, + RestoreOutline, + SettingsOutline, + TickOutline, + UserPlusOutline, +} from "@makeplane/propel/icons"; // plane imports import { EUserPermissions, EUserPermissionsLevel, IS_FAVORITE_MENU_OPEN } from "@plane/constants"; import { useLocalStorage } from "@plane/hooks"; import { Avatar } from "@makeplane/propel/components/avatar"; import { Button } from "@plane/propel/button"; import { Logo } from "@plane/propel/emoji-icon-picker"; -import { LinkIcon, LockIcon, NewTabIcon, TrashIcon, CheckIcon } from "@plane/propel/icons"; import { setPromiseToast, setToast, TOAST_TYPE } from "@plane/propel/toast"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { IProject } from "@plane/types"; @@ -128,43 +136,43 @@ export const ProjectCard = observer(function ProjectCard(props: Props) { { key: "settings", action: () => router.push(`/${workspaceSlug}/settings/projects/${project.id}`), - title: "Settings", - icon: Settings, + title: "SettingsOutline", + icon: SettingsOutline, shouldRender: !isArchived && (hasAdminRole || hasMemberRole), }, { key: "join", action: () => setJoinProjectModal(true), title: "Join", - icon: UserPlus, + icon: UserPlusOutline, shouldRender: !isMemberOfProject && !isArchived, }, { key: "open-new-tab", action: handleOpenInNewTab, title: "Open in new tab", - icon: NewTabIcon, + icon: NewTabOutline, shouldRender: !isMemberOfProject && !isArchived, }, { key: "copy-link", action: handleCopyText, title: "Copy link", - icon: LinkIcon, + icon: LinkOutline, shouldRender: !isArchived, }, { key: "restore", action: () => setRestoreProject(true), title: "Restore", - icon: ArchiveRestoreIcon, + icon: RestoreOutline, shouldRender: isArchived && hasAdminRole, }, { key: "delete", action: () => setDeleteProjectModal(true), title: "Delete", - icon: TrashIcon, + icon: DeleteOutline, shouldRender: isArchived && hasAdminRole, }, ]; @@ -231,7 +239,7 @@ export const ProjectCard = observer(function ProjectCard(props: Props) {

    {project.name}

    {project.identifier}

    - {project.network === 0 && } + {project.network === 0 && }     @@ -246,7 +254,7 @@ export const ProjectCard = observer(function ProjectCard(props: Props) { handleCopyText(); }} > - + {shouldRenderFavorite && (
    - + Restore
    @@ -332,7 +340,7 @@ export const ProjectCard = observer(function ProjectCard(props: Props) { setDeleteProjectModal(true); }} > - + ) @@ -347,11 +355,11 @@ export const ProjectCard = observer(function ProjectCard(props: Props) { }} href={`/${workspaceSlug}/settings/projects/${project.id}`} > - + ) : ( - + Joined ))} diff --git a/apps/web/core/components/project/confirm-project-member-remove.tsx b/apps/web/core/components/project/confirm-project-member-remove.tsx index 52a7c30600e..04145f1a87e 100644 --- a/apps/web/core/components/project/confirm-project-member-remove.tsx +++ b/apps/web/core/components/project/confirm-project-member-remove.tsx @@ -7,7 +7,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { AlertTriangle } from "lucide-react"; +import { WarningTriangleOutline } from "@makeplane/propel/icons"; // types import { Button } from "@plane/propel/button"; import type { IUserLite } from "@plane/types"; @@ -57,7 +57,7 @@ export const ConfirmProjectMemberRemove = observer(function ConfirmProjectMember
    -

    diff --git a/apps/web/core/components/project/create/common-attributes.tsx b/apps/web/core/components/project/create/common-attributes.tsx index 7bb72d90481..949faaa22d7 100644 --- a/apps/web/core/components/project/create/common-attributes.tsx +++ b/apps/web/core/components/project/create/common-attributes.tsx @@ -9,7 +9,7 @@ import type { UseFormSetValue } from "react-hook-form"; import { Controller, useFormContext } from "react-hook-form"; import { Field } from "@makeplane/propel/components/field"; import { Input, InputGroup } from "@makeplane/propel/components/input"; -import { InfoIcon } from "@plane/propel/icons"; +import { InfoOutline } from "@makeplane/propel/icons"; // plane imports import { ETabIndices } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; @@ -130,7 +130,7 @@ function ProjectCommonAttributes(props: Props) { align="start" disabled={isMobile} > - + {errors?.identifier?.message}

    diff --git a/apps/web/core/components/project/create/header.tsx b/apps/web/core/components/project/create/header.tsx index 03b0943d5eb..356ec1c56e2 100644 --- a/apps/web/core/components/project/create/header.tsx +++ b/apps/web/core/components/project/create/header.tsx @@ -10,7 +10,7 @@ import { Controller, useFormContext } from "react-hook-form"; import { ETabIndices } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { EmojiPicker, EmojiIconPickerTypes, Logo } from "@plane/propel/emoji-icon-picker"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // plane types import type { IProject } from "@plane/types"; // plane ui @@ -48,7 +48,7 @@ function ProjectCreateHeader(props: Props) { {isClosable && (
    )} diff --git a/apps/web/core/components/project/delete-project-modal.tsx b/apps/web/core/components/project/delete-project-modal.tsx index dbdf0a38259..b4ee30a64da 100644 --- a/apps/web/core/components/project/delete-project-modal.tsx +++ b/apps/web/core/components/project/delete-project-modal.tsx @@ -6,7 +6,7 @@ import { useParams } from "next/navigation"; import { Controller, useForm } from "react-hook-form"; -import { AlertTriangle } from "lucide-react"; +import { WarningTriangleOutline } from "@makeplane/propel/icons"; // Plane imports import { Field } from "@makeplane/propel/components/field"; import { Input, InputGroup } from "@makeplane/propel/components/input"; @@ -82,7 +82,7 @@ export function DeleteProjectModal(props: DeleteProjectModal) {
    -

    Delete project

    diff --git a/apps/web/core/components/project/dropdowns/filters/member-list.tsx b/apps/web/core/components/project/dropdowns/filters/member-list.tsx index bb8acd15ecc..5489554a3b4 100644 --- a/apps/web/core/components/project/dropdowns/filters/member-list.tsx +++ b/apps/web/core/components/project/dropdowns/filters/member-list.tsx @@ -8,7 +8,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; // plane imports import { Button } from "@plane/propel/button"; -import { ChevronDownIcon } from "@plane/propel/icons"; +import { ChevronDownOutline } from "@makeplane/propel/icons"; import { EUserProjectRoles, EUserWorkspaceRoles } from "@plane/types"; // plane ui import { CustomMenu } from "@plane/ui"; @@ -103,7 +103,7 @@ export const MemberListFiltersDropdown = observer(function MemberListFiltersDrop
    {appliedFiltersCount > 0 && (
    diff --git a/apps/web/core/components/project/dropdowns/filters/root.tsx b/apps/web/core/components/project/dropdowns/filters/root.tsx index 10071cfc85f..36bab812396 100644 --- a/apps/web/core/components/project/dropdowns/filters/root.tsx +++ b/apps/web/core/components/project/dropdowns/filters/root.tsx @@ -6,7 +6,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; -import { SearchIcon, CloseIcon } from "@plane/propel/icons"; +import { CloseOutline, SearchOutline } from "@makeplane/propel/icons"; // plane imports import type { TProjectDisplayFilters, TProjectFilters } from "@plane/types"; // components @@ -38,7 +38,7 @@ export const ProjectFiltersSelection = observer(function ProjectFiltersSelection
    - + {filtersSearchQuery !== "" && ( )}
    diff --git a/apps/web/core/components/project/dropdowns/order-by.tsx b/apps/web/core/components/project/dropdowns/order-by.tsx index 5b83e0c2879..31d896d45af 100644 --- a/apps/web/core/components/project/dropdowns/order-by.tsx +++ b/apps/web/core/components/project/dropdowns/order-by.tsx @@ -4,12 +4,11 @@ * See the LICENSE file for details. */ -import { ArrowDownWideNarrow } from "lucide-react"; +import { SortDescendingOutline, TickOutline } from "@makeplane/propel/icons"; // plane imports import { PROJECT_ORDER_BY_OPTIONS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { getButtonStyling } from "@plane/propel/button"; -import { CheckIcon } from "@plane/propel/icons"; import type { TProjectOrderByOptions } from "@plane/types"; import { CustomMenu } from "@plane/ui"; @@ -37,12 +36,12 @@ export function ProjectOrderByDropdown(props: Props) { <> {isMobile ? (
    - + {orderByDetails && t(orderByDetails?.i18n_label)}
    ) : (
    - + {orderByDetails && t(orderByDetails?.i18n_label)}
    )} @@ -62,7 +61,7 @@ export function ProjectOrderByDropdown(props: Props) { }} > {option && t(option?.i18n_label)} - {value?.includes(option.key) && } + {value?.includes(option.key) && } ))}
    @@ -74,7 +73,7 @@ export function ProjectOrderByDropdown(props: Props) { disabled={isOrderingDisabled} > Ascending - {!isOrderingDisabled && !isDescending && } + {!isOrderingDisabled && !isDescending && } Descending - {!isOrderingDisabled && isDescending && } + {!isOrderingDisabled && isDescending && } ); diff --git a/apps/web/core/components/project/filters.tsx b/apps/web/core/components/project/filters.tsx index 5f7215bc4a7..b03ad47e75e 100644 --- a/apps/web/core/components/project/filters.tsx +++ b/apps/web/core/components/project/filters.tsx @@ -7,7 +7,7 @@ import { useCallback } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { ListFilter } from "lucide-react"; +import { FilterOutline } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; import type { TProjectFilters } from "@plane/types"; @@ -85,7 +85,7 @@ const HeaderFilters = observer(function HeaderFilters({ />
    } + icon={} title={t("common.filters")} placement="bottom-end" isFiltersApplied={isFiltersApplied} diff --git a/apps/web/core/components/project/form.tsx b/apps/web/core/components/project/form.tsx index d31d4d59487..b863594a36a 100644 --- a/apps/web/core/components/project/form.tsx +++ b/apps/web/core/components/project/form.tsx @@ -6,7 +6,7 @@ import { useEffect, useState } from "react"; import { Controller, useForm } from "react-hook-form"; -import { Info } from "lucide-react"; +import { InfoOutline, LockOutline } from "@makeplane/propel/icons"; import { Field } from "@makeplane/propel/components/field"; import { Input, InputGroup } from "@makeplane/propel/components/input"; import { NETWORK_CHOICES } from "@plane/constants"; @@ -14,7 +14,6 @@ import { useTranslation } from "@plane/i18n"; // plane imports import { Button } from "@plane/propel/button"; import { EmojiPicker, EmojiIconPickerTypes, Logo } from "@plane/propel/emoji-icon-picker"; -import { LockIcon } from "@plane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import { EFileAssetType } from "@plane/types"; @@ -249,7 +248,7 @@ export function ProjectDetailsForm(props: IProjectDetailsForm) { {watch("identifier")} . - {project.network === 0 && } + {project.network === 0 && } {currentNetwork && t(currentNetwork?.i18n_label)} @@ -371,7 +370,7 @@ export function ProjectDetailsForm(props: IProjectDetailsForm) { align="start" disabled={isMobile} > - +
    diff --git a/apps/web/core/components/project/header.tsx b/apps/web/core/components/project/header.tsx index e554ab2d199..15503bda5b3 100644 --- a/apps/web/core/components/project/header.tsx +++ b/apps/web/core/components/project/header.tsx @@ -11,7 +11,7 @@ import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; // ui import { Button } from "@plane/propel/button"; -import { ProjectIcon } from "@plane/propel/icons"; +import { ProjectsOutline } from "@makeplane/propel/icons"; import { Breadcrumbs, Header } from "@plane/ui"; // components import { BreadcrumbLink } from "@/components/common/breadcrumb-link"; @@ -46,7 +46,7 @@ export const ProjectsBaseHeader = observer(function ProjectsBaseHeader() { component={ } + icon={} /> } /> diff --git a/apps/web/core/components/project/leave-project-modal.tsx b/apps/web/core/components/project/leave-project-modal.tsx index c6e019d78d8..addd3c3d2bb 100644 --- a/apps/web/core/components/project/leave-project-modal.tsx +++ b/apps/web/core/components/project/leave-project-modal.tsx @@ -7,7 +7,7 @@ import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import { Controller, useForm } from "react-hook-form"; -import { AlertTriangleIcon } from "lucide-react"; +import { WarningTriangleOutline } from "@makeplane/propel/icons"; // Plane imports import { Field } from "@makeplane/propel/components/field"; import { Input, InputGroup } from "@makeplane/propel/components/input"; @@ -101,7 +101,7 @@ export const LeaveProjectModal = observer(function LeaveProjectModal(props: ILea
    -

    Leave Project

    diff --git a/apps/web/core/components/project/member-header-column.tsx b/apps/web/core/components/project/member-header-column.tsx index 6dd57bea222..d333fe8c701 100644 --- a/apps/web/core/components/project/member-header-column.tsx +++ b/apps/web/core/components/project/member-header-column.tsx @@ -6,7 +6,14 @@ // ui import { observer } from "mobx-react"; -import { ArrowDownWideNarrow, ArrowUpNarrowWide, CheckIcon, ChevronDownIcon, Eraser, MoveRight } from "lucide-react"; +import { Eraser } from "lucide-react"; +import { + ArrowNarrowRightOutline, + ChevronDownOutline, + SortAscendingOutline, + SortDescendingOutline, + TickOutline, +} from "@makeplane/propel/icons"; // constants import type { IProjectMemberDisplayProperties, TMemberOrderByOptions } from "@plane/constants"; import { MEMBER_PROPERTY_DETAILS } from "@plane/constants"; @@ -54,13 +61,13 @@ export const MemberHeaderColumn = observer(function MemberHeaderColumn(props: Pr activeSortingProperty === propertyDetails.descendingOrderKey) && (
    {propertyDetails.ascendingOrderKey === activeSortingProperty ? ( - + ) : ( - + )}
    )} -
    } @@ -78,12 +85,12 @@ export const MemberHeaderColumn = observer(function MemberHeaderColumn(props: Pr }`} >
    - + {propertyDetails.ascendingOrderTitle} - + {propertyDetails.descendingOrderTitle}
    - {activeSortingProperty === propertyDetails.ascendingOrderKey && } + {activeSortingProperty === propertyDetails.ascendingOrderKey && }
    @@ -96,12 +103,12 @@ export const MemberHeaderColumn = observer(function MemberHeaderColumn(props: Pr }`} >
    - + {propertyDetails.descendingOrderTitle} - + {propertyDetails.ascendingOrderTitle}
    - {activeSortingProperty === propertyDetails.descendingOrderKey && } + {activeSortingProperty === propertyDetails.descendingOrderKey && }
    diff --git a/apps/web/core/components/project/member-list.tsx b/apps/web/core/components/project/member-list.tsx index e5d2122110c..d6c04a1a0d5 100644 --- a/apps/web/core/components/project/member-list.tsx +++ b/apps/web/core/components/project/member-list.tsx @@ -10,7 +10,7 @@ import { observer } from "mobx-react"; import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { SearchIcon } from "@plane/propel/icons"; +import { SearchOutline } from "@makeplane/propel/icons"; // components import { MembersSettingsLoader } from "@/components/ui/loader/settings/members"; // hooks @@ -85,7 +85,7 @@ export const ProjectMemberList = observer(function ProjectMemberList(props: TPro
    {t("common.members")}
    - +
    -
    ); })} diff --git a/apps/web/core/components/project/project-network-icon.tsx b/apps/web/core/components/project/project-network-icon.tsx index d48dae932cd..a44ccbc19cc 100644 --- a/apps/web/core/components/project/project-network-icon.tsx +++ b/apps/web/core/components/project/project-network-icon.tsx @@ -6,7 +6,7 @@ import type { TNetworkChoiceIconKey } from "@plane/constants"; // plane imports -import { GlobeIcon, LockIcon } from "@plane/propel/icons"; +import { GlobeOutline, LockOutline } from "@makeplane/propel/icons"; import { cn } from "@plane/utils"; type Props = { @@ -20,9 +20,9 @@ export function ProjectNetworkIcon(props: Props) { const getProjectNetworkIcon = () => { switch (iconKey) { case "Lock": - return LockIcon; + return LockOutline; case "Globe2": - return GlobeIcon; + return GlobeOutline; default: return null; } diff --git a/apps/web/core/components/project/publish-project/modal.tsx b/apps/web/core/components/project/publish-project/modal.tsx index 7bbd38a2c78..c0674da21be 100644 --- a/apps/web/core/components/project/publish-project/modal.tsx +++ b/apps/web/core/components/project/publish-project/modal.tsx @@ -12,7 +12,7 @@ import { Controller, useForm } from "react-hook-form"; // types import { SPACE_BASE_PATH, SPACE_BASE_URL } from "@plane/constants"; import { Button } from "@plane/propel/button"; -import { GlobeIcon, NewTabIcon, CheckIcon } from "@plane/propel/icons"; +import { GlobeOutline, NewTabOutline, TickOutline } from "@makeplane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { TProjectPublishLayouts, TProjectPublishSettings } from "@plane/types"; // ui @@ -222,7 +222,7 @@ export const PublishProjectModal = observer(function PublishProjectModal(props: target="_blank" rel="noopener noreferrer" > - + )}
    diff --git a/apps/web/core/components/project/send-project-invitation-modal.tsx b/apps/web/core/components/project/send-project-invitation-modal.tsx index 96092daf2da..e2906fb10b1 100644 --- a/apps/web/core/components/project/send-project-invitation-modal.tsx +++ b/apps/web/core/components/project/send-project-invitation-modal.tsx @@ -12,7 +12,7 @@ import { Avatar } from "@makeplane/propel/components/avatar"; import { ROLE, EUserPermissions } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { PlusIcon, CloseIcon, ChevronDownIcon } from "@plane/propel/icons"; +import { AddOutline, ChevronDownOutline, CloseOutline } from "@makeplane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { CustomSelect, CustomSearchSelect, EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; // helpers @@ -216,7 +216,7 @@ export const SendProjectInvitationModal = observer(function SendProjectInvitatio ) : (
    Select co-worker
    )} -
    )} @@ -301,7 +301,7 @@ export const SendProjectInvitationModal = observer(function SendProjectInvitatio className="flex items-center gap-2 bg-transparent py-2 pr-3 text-13 font-medium text-accent-primary outline-accent-strong" onClick={appendField} > - + {t("common.add_more")}
    diff --git a/apps/web/core/components/project/settings/features-list.tsx b/apps/web/core/components/project/settings/features-list.tsx index 32ab55ffcef..f4411c2b05d 100644 --- a/apps/web/core/components/project/settings/features-list.tsx +++ b/apps/web/core/components/project/settings/features-list.tsx @@ -10,7 +10,7 @@ import { useTranslation } from "@plane/i18n"; import { setPromiseToast } from "@plane/propel/toast"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { IProject } from "@plane/types"; -import { CycleIcon, IntakeIcon, ModuleIcon, PageIcon, ViewsIcon } from "@plane/propel/icons"; +import { CyclesOutline, IntakeOutline, ModuleOutline, PagesOutline, ViewsOutline } from "@makeplane/propel/icons"; // components import { SettingsBoxedControlItem } from "@/components/settings/boxed-control-item"; import { SettingsHeading } from "@/components/settings/heading"; @@ -33,7 +33,7 @@ const PROJECT_FEATURES_LIST = { property: "cycle_view", title: "Cycles", description: "Timebox work as you see fit per project and change frequency from one period to the next.", - icon: , + icon: , isPro: false, isEnabled: true, }, @@ -42,7 +42,7 @@ const PROJECT_FEATURES_LIST = { property: "module_view", title: "Modules", description: "Group work into sub-project-like set-ups with their own leads and assignees.", - icon: , + icon: , isPro: false, isEnabled: true, }, @@ -51,7 +51,7 @@ const PROJECT_FEATURES_LIST = { property: "issue_views_view", title: "Views", description: "Save sorts, filters, and display options for later or share them.", - icon: , + icon: , isPro: false, isEnabled: true, }, @@ -60,7 +60,7 @@ const PROJECT_FEATURES_LIST = { property: "page_view", title: "Pages", description: "Write anything like you write anything.", - icon: , + icon: , isPro: false, isEnabled: true, }, @@ -69,7 +69,7 @@ const PROJECT_FEATURES_LIST = { property: "inbox_view", title: "Intake", description: "Consider and discuss work items before you add them to your project.", - icon: , + icon: , isPro: false, isEnabled: true, }, diff --git a/apps/web/core/components/project/settings/helper.tsx b/apps/web/core/components/project/settings/helper.tsx index 136e752298a..06714115547 100644 --- a/apps/web/core/components/project/settings/helper.tsx +++ b/apps/web/core/components/project/settings/helper.tsx @@ -5,7 +5,7 @@ */ import Link from "next/link"; -import { ChevronRightIcon } from "@plane/propel/icons"; +import { ChevronRightOutline } from "@makeplane/propel/icons"; import { EPillVariant, Pill, EPillSize } from "@plane/propel/pill"; import { Switch } from "@makeplane/propel/components/switch"; import { joinUrlPath } from "@plane/utils"; @@ -31,7 +31,7 @@ export function ProjectFeatureToggle(props: Props) { > {value ? "Enabled" : "Disabled"} - +
    ) : ( diff --git a/apps/web/core/components/projects/mobile-header.tsx b/apps/web/core/components/projects/mobile-header.tsx index d2bf83f25ea..d836cd6d9d2 100644 --- a/apps/web/core/components/projects/mobile-header.tsx +++ b/apps/web/core/components/projects/mobile-header.tsx @@ -7,10 +7,9 @@ import { useCallback } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { ListFilter } from "lucide-react"; +import { ChevronDownOutline, FilterOutline } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; -import { ChevronDownIcon } from "@plane/propel/icons"; import type { TProjectFilters } from "@plane/types"; import { calculateTotalFilters } from "@plane/utils"; // components @@ -71,14 +70,14 @@ export const ProjectsListMobileHeader = observer(function ProjectsListMobileHead />
    } + icon={} title={t("common.filters")} placement="bottom-end" menuButton={
    - + {t("common.filters")} - +
    } isFiltersApplied={isFiltersApplied} diff --git a/apps/web/core/components/projects/settings/intake/header.tsx b/apps/web/core/components/projects/settings/intake/header.tsx index f24e43d4c01..a46617c0a05 100644 --- a/apps/web/core/components/projects/settings/intake/header.tsx +++ b/apps/web/core/components/projects/settings/intake/header.tsx @@ -7,7 +7,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { RefreshCcw } from "lucide-react"; +import { IntakeOutline, RefreshOutline } from "@makeplane/propel/icons"; // ui import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; @@ -22,7 +22,6 @@ import { useProjectInbox } from "@/hooks/store/use-project-inbox"; import { useUserPermissions } from "@/hooks/store/user"; // plane web imports import { CommonProjectBreadcrumbs } from "@/components/breadcrumbs/common"; -import { IntakeIcon } from "@plane/propel/icons"; export const ProjectInboxHeader = observer(function ProjectInboxHeader() { // states @@ -53,7 +52,7 @@ export const ProjectInboxHeader = observer(function ProjectInboxHeader() { } + icon={} isLast /> } @@ -63,7 +62,7 @@ export const ProjectInboxHeader = observer(function ProjectInboxHeader() { {loader === "pagination-loading" && (
    - +

    {t("syncing")}...

    )} diff --git a/apps/web/core/components/readonly/cycle.tsx b/apps/web/core/components/readonly/cycle.tsx index c5fc9753d1c..28a0772da7f 100644 --- a/apps/web/core/components/readonly/cycle.tsx +++ b/apps/web/core/components/readonly/cycle.tsx @@ -8,7 +8,7 @@ import { useEffect } from "react"; import { observer } from "mobx-react"; // plane imports import { useTranslation } from "@plane/i18n"; -import { CycleIcon } from "@plane/propel/icons"; +import { CyclesOutline } from "@makeplane/propel/icons"; import { cn } from "@plane/utils"; // hooks import { useCycle } from "@/hooks/store/use-cycle"; @@ -37,7 +37,7 @@ export const ReadonlyCycle = observer(function ReadonlyCycle(props: TReadonlyCyc return (
    - {!hideIcon && } + {!hideIcon && } {cycleName ?? placeholder ?? t("common.none")}
    ); diff --git a/apps/web/core/components/readonly/date.tsx b/apps/web/core/components/readonly/date.tsx index b09650d3517..8592da89189 100644 --- a/apps/web/core/components/readonly/date.tsx +++ b/apps/web/core/components/readonly/date.tsx @@ -7,7 +7,7 @@ import { observer } from "mobx-react"; // plane imports import { useTranslation } from "@plane/i18n"; -import { CalendarLayoutIcon } from "@plane/propel/icons"; +import { CalendarOutline } from "@makeplane/propel/icons"; import { cn, renderFormattedDate, getDate } from "@plane/utils"; export type TReadonlyDateProps = { @@ -26,7 +26,7 @@ export const ReadonlyDate = observer(function ReadonlyDate(props: TReadonlyDateP return (
    - {!hideIcon && } + {!hideIcon && } {formattedDate ?? placeholder ?? t("common.none")}
    ); diff --git a/apps/web/core/components/readonly/estimate.tsx b/apps/web/core/components/readonly/estimate.tsx index 1573681191e..9b2822830d2 100644 --- a/apps/web/core/components/readonly/estimate.tsx +++ b/apps/web/core/components/readonly/estimate.tsx @@ -7,7 +7,7 @@ import { useEffect } from "react"; import { observer } from "mobx-react"; import { useTranslation } from "@plane/i18n"; -import { EstimatePropertyIcon } from "@plane/propel/icons"; +import { EstimateOutline } from "@makeplane/propel/icons"; import { EEstimateSystem } from "@plane/types"; import { cn, convertMinutesToHoursMinutesString } from "@plane/utils"; // hooks @@ -49,7 +49,7 @@ export const ReadonlyEstimate = observer(function ReadonlyEstimate(props: TReado return (
    - {!hideIcon && } + {!hideIcon && } {displayValue ?? placeholder ?? t("common.none")}
    ); diff --git a/apps/web/core/components/readonly/module.tsx b/apps/web/core/components/readonly/module.tsx index 30a1dc32b03..600488b808e 100644 --- a/apps/web/core/components/readonly/module.tsx +++ b/apps/web/core/components/readonly/module.tsx @@ -6,7 +6,7 @@ import { useEffect } from "react"; import { observer } from "mobx-react"; -import { Layers } from "lucide-react"; +import { WorkItemsOutline } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; import { cn } from "@plane/utils"; @@ -51,7 +51,7 @@ export const ReadonlyModule = observer(function ReadonlyModule(props: TReadonlyM if (modules.length === 0) { return (
    - {!hideIcon && } + {!hideIcon && } {placeholder ?? t("common.none")}
    ); @@ -63,7 +63,7 @@ export const ReadonlyModule = observer(function ReadonlyModule(props: TReadonlyM return (
    - {!hideIcon && } + {!hideIcon && } {displayText}
    ); @@ -72,7 +72,7 @@ export const ReadonlyModule = observer(function ReadonlyModule(props: TReadonlyM const moduleItem = modules[0]; return (
    - {!hideIcon && } + {!hideIcon && } {moduleItem?.name}
    ); diff --git a/apps/web/core/components/relations/index.tsx b/apps/web/core/components/relations/index.tsx index e7bf7f9ec44..602fb01f0e1 100644 --- a/apps/web/core/components/relations/index.tsx +++ b/apps/web/core/components/relations/index.tsx @@ -4,8 +4,7 @@ * See the LICENSE file for details. */ -import { CircleDot, XCircle } from "lucide-react"; -import { RelatedIcon, DuplicatePropertyIcon } from "@plane/propel/icons"; +import { BlockingOutline, CloseCircleOutline, DuplicateOfOutline, RelatesToOutline } from "@makeplane/propel/icons"; import type { TRelationObject } from "@/components/issues/issue-detail-widgets/relations"; import type { TIssueRelationTypes } from "@plane/types"; @@ -14,28 +13,28 @@ export const ISSUE_RELATION_OPTIONS: Record , + icon: (size) => , placeholder: "Add related work items", }, duplicate: { key: "duplicate", i18n_label: "issue.relation.duplicate", className: "bg-layer-1 text-secondary", - icon: (size) => , + icon: (size) => , placeholder: "None", }, blocked_by: { key: "blocked_by", i18n_label: "issue.relation.blocked_by", className: "bg-danger-subtle text-danger-primary", - icon: (size) => , + icon: (size) => , placeholder: "None", }, blocking: { key: "blocking", i18n_label: "issue.relation.blocking", className: "bg-yellow-500/20 text-yellow-700", - icon: (size) => , + icon: (size) => , placeholder: "None", }, }; diff --git a/apps/web/core/components/rich-filters/add-filters/button.tsx b/apps/web/core/components/rich-filters/add-filters/button.tsx index 51f58c37505..3d7d4f6c87e 100644 --- a/apps/web/core/components/rich-filters/add-filters/button.tsx +++ b/apps/web/core/components/rich-filters/add-filters/button.tsx @@ -6,7 +6,7 @@ import React from "react"; import { observer } from "mobx-react"; -import { ListFilter } from "lucide-react"; +import { FilterOutline } from "@makeplane/propel/icons"; // plane imports import type { TButtonSize, TButtonVariant } from "@plane/propel/button"; import { getButtonStyling } from "@plane/propel/button"; @@ -47,7 +47,7 @@ export const AddFilterButton = observer(function AddFilterButton

    { filter.addCondition( diff --git a/apps/web/core/components/rich-filters/filter-item/close-button.tsx b/apps/web/core/components/rich-filters/filter-item/close-button.tsx index 753fec47677..1ad84beec4b 100644 --- a/apps/web/core/components/rich-filters/filter-item/close-button.tsx +++ b/apps/web/core/components/rich-filters/filter-item/close-button.tsx @@ -7,7 +7,7 @@ import React from "react"; import { observer } from "mobx-react"; // plane imports -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; import type { IFilterInstance } from "@plane/shared-state"; import type { TExternalFilter, TFilterProperty } from "@plane/types"; @@ -33,7 +33,7 @@ export const FilterItemCloseButton = observer(function FilterItemCloseButton< type="button" aria-label="Remove filter" > - + ); }); diff --git a/apps/web/core/components/rich-filters/filter-item/invalid.tsx b/apps/web/core/components/rich-filters/filter-item/invalid.tsx index 931f3d8e8e9..678f12d97eb 100644 --- a/apps/web/core/components/rich-filters/filter-item/invalid.tsx +++ b/apps/web/core/components/rich-filters/filter-item/invalid.tsx @@ -6,7 +6,7 @@ import React from "react"; import { observer } from "mobx-react"; -import { CircleAlert } from "lucide-react"; +import { WarningCircleOutline } from "@makeplane/propel/icons"; // plane imports import type { TExternalFilter, TFilterProperty } from "@plane/types"; // local imports @@ -31,7 +31,7 @@ export const InvalidFilterItem = observer(function InvalidFilterItem< {/* Property section */} {/* path */}

    - + {t(activePath)}
    diff --git a/apps/web/core/components/settings/profile/content/pages/general/form.tsx b/apps/web/core/components/settings/profile/content/pages/general/form.tsx index 7fee925ae6f..7ece5a8a541 100644 --- a/apps/web/core/components/settings/profile/content/pages/general/form.tsx +++ b/apps/web/core/components/settings/profile/content/pages/general/form.tsx @@ -7,7 +7,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; import { Controller, useForm } from "react-hook-form"; -import { CircleUserRound } from "lucide-react"; +import { UserOutline } from "@makeplane/propel/icons"; // plane imports import { Field } from "@makeplane/propel/components/field"; import { Input, InputGroup } from "@makeplane/propel/components/input"; @@ -225,7 +225,7 @@ export const GeneralProfileSettingsForm = observer(function GeneralProfileSettin @@ -209,9 +209,9 @@ export const SecurityProfileSettings = observer(function SecurityProfileSettings aria-label={showPassword?.password ? "Hide password" : "Show password"} > {showPassword?.password ? ( - + ) : ( - + )} @@ -257,9 +257,9 @@ export const SecurityProfileSettings = observer(function SecurityProfileSettings aria-label={showPassword?.confirmPassword ? "Hide password" : "Show password"} > {showPassword?.confirmPassword ? ( - + ) : ( - + )} diff --git a/apps/web/core/components/settings/profile/modal.tsx b/apps/web/core/components/settings/profile/modal.tsx index 43abd90afbf..ed45a87eb3d 100644 --- a/apps/web/core/components/settings/profile/modal.tsx +++ b/apps/web/core/components/settings/profile/modal.tsx @@ -5,7 +5,7 @@ */ import { useCallback } from "react"; -import { X } from "lucide-react"; +import { CloseOutline } from "@makeplane/propel/icons"; import { observer } from "mobx-react"; // plane imports import { IconButton } from "@plane/propel/icon-button"; @@ -51,7 +51,7 @@ export const ProfileSettingsModal = observer(function ProfileSettingsModal() {
    - +
    diff --git a/apps/web/core/components/settings/profile/sidebar/item-categories.tsx b/apps/web/core/components/settings/profile/sidebar/item-categories.tsx index 812d7328032..5de5f282d24 100644 --- a/apps/web/core/components/settings/profile/sidebar/item-categories.tsx +++ b/apps/web/core/components/settings/profile/sidebar/item-categories.tsx @@ -6,7 +6,7 @@ import type React from "react"; import type { LucideIcon } from "lucide-react"; -import { Bell, CircleUser, KeyRound, LockIcon, Settings2 } from "lucide-react"; +import { KeyOutline, LockOutline, SettingsOutline, SubscribeOutline, UserOutline } from "@makeplane/propel/icons"; import { observer } from "mobx-react"; import { useParams } from "react-router"; // plane imports @@ -23,11 +23,11 @@ import { SettingsSidebarItem } from "../../sidebar/item"; import { ProfileSettingsSidebarWorkspaceOptions } from "./workspace-options"; const ICONS: Record> = { - general: CircleUser, - security: LockIcon, - preferences: Settings2, - notifications: Bell, - "api-tokens": KeyRound, + general: UserOutline, + security: LockOutline, + preferences: SettingsOutline, + notifications: SubscribeOutline, + "api-tokens": KeyOutline, }; type Props = { diff --git a/apps/web/core/components/settings/profile/sidebar/workspace-options.tsx b/apps/web/core/components/settings/profile/sidebar/workspace-options.tsx index ae8acfaad25..5459befe812 100644 --- a/apps/web/core/components/settings/profile/sidebar/workspace-options.tsx +++ b/apps/web/core/components/settings/profile/sidebar/workspace-options.tsx @@ -4,7 +4,7 @@ * See the LICENSE file for details. */ -import { CirclePlus, Mails } from "lucide-react"; +import { MailOutline, PlusCircleOutline } from "@makeplane/propel/icons"; import { observer } from "mobx-react"; // plane imports import { useTranslation } from "@plane/i18n"; @@ -38,14 +38,14 @@ export const ProfileSettingsSidebarWorkspaceOptions = observer(function ProfileS diff --git a/apps/web/core/components/settings/project/sidebar/header.tsx b/apps/web/core/components/settings/project/sidebar/header.tsx index a5986d30146..e257aefd842 100644 --- a/apps/web/core/components/settings/project/sidebar/header.tsx +++ b/apps/web/core/components/settings/project/sidebar/header.tsx @@ -4,7 +4,7 @@ * See the LICENSE file for details. */ -import { ArrowLeft } from "lucide-react"; +import { ArrowNarrowLeftOutline } from "@makeplane/propel/icons"; import { observer } from "mobx-react"; // plane imports import { ROLE_DETAILS } from "@plane/constants"; @@ -45,7 +45,7 @@ export const ProjectSettingsSidebarHeader = observer(function ProjectSettingsSid router.push(`/${currentWorkspace?.slug}/projects/${projectId}/issues/`)} />

    Project settings

    diff --git a/apps/web/core/components/settings/project/sidebar/item-icon.tsx b/apps/web/core/components/settings/project/sidebar/item-icon.tsx index 80d324b6684..a58928a7a73 100644 --- a/apps/web/core/components/settings/project/sidebar/item-icon.tsx +++ b/apps/web/core/components/settings/project/sidebar/item-icon.tsx @@ -5,33 +5,34 @@ */ import type { LucideIcon } from "lucide-react"; -import { Users, Zap } from "lucide-react"; +import { + CyclesOutline, + EstimateOutline, + IntakeOutline, + LabelsOutline, + MembersOutline, + ModuleOutline, + PagesOutline, + StateOutline, + TriggerOutline, + ViewsOutline, +} from "@makeplane/propel/icons"; // plane imports import type { ISvgIcons } from "@plane/propel/icons"; -import { - CycleIcon, - EstimatePropertyIcon, - IntakeIcon, - LabelPropertyIcon, - ModuleIcon, - PageIcon, - StatePropertyIcon, - ViewsIcon, -} from "@plane/propel/icons"; import type { TProjectSettingsTabs } from "@plane/types"; // components import { SettingIcon } from "@/components/icons/attachment"; export const PROJECT_SETTINGS_ICONS: Record> = { general: SettingIcon, - members: Users, - features_cycles: CycleIcon, - features_modules: ModuleIcon, - features_views: ViewsIcon, - features_pages: PageIcon, - features_intake: IntakeIcon, - states: StatePropertyIcon, - labels: LabelPropertyIcon, - estimates: EstimatePropertyIcon, - automations: Zap, + members: MembersOutline, + features_cycles: CyclesOutline, + features_modules: ModuleOutline, + features_views: ViewsOutline, + features_pages: PagesOutline, + features_intake: IntakeOutline, + states: StateOutline, + labels: LabelsOutline, + estimates: EstimateOutline, + automations: TriggerOutline, }; diff --git a/apps/web/core/components/settings/workspace/sidebar/header.tsx b/apps/web/core/components/settings/workspace/sidebar/header.tsx index 2a34c86e815..754d62c4a29 100644 --- a/apps/web/core/components/settings/workspace/sidebar/header.tsx +++ b/apps/web/core/components/settings/workspace/sidebar/header.tsx @@ -4,7 +4,7 @@ * See the LICENSE file for details. */ -import { ArrowLeft } from "lucide-react"; +import { ArrowNarrowLeftOutline } from "@makeplane/propel/icons"; import { observer } from "mobx-react"; // plane imports import { ROLE_DETAILS } from "@plane/constants"; @@ -38,7 +38,7 @@ export const WorkspaceSettingsSidebarHeader = observer(function WorkspaceSetting router.push(`/${currentWorkspace?.slug}/`)} />

    Workspace settings

    diff --git a/apps/web/core/components/settings/workspace/sidebar/item-icon.tsx b/apps/web/core/components/settings/workspace/sidebar/item-icon.tsx index b89c11fd226..b4afebb7c4b 100644 --- a/apps/web/core/components/settings/workspace/sidebar/item-icon.tsx +++ b/apps/web/core/components/settings/workspace/sidebar/item-icon.tsx @@ -5,15 +5,21 @@ */ import type { LucideIcon } from "lucide-react"; -import { ArrowUpToLine, Building, CreditCard, Users, Webhook } from "lucide-react"; +import { + BillingsOutline, + BuildingOutline, + ExportOutline, + MembersOutline, + WebhooksOutline, +} from "@makeplane/propel/icons"; // plane imports import type { ISvgIcons } from "@plane/propel/icons"; import type { TWorkspaceSettingsTabs } from "@plane/types"; export const WORKSPACE_SETTINGS_ICONS: Record> = { - general: Building, - members: Users, - export: ArrowUpToLine, - "billing-and-plans": CreditCard, - webhooks: Webhook, + general: BuildingOutline, + members: MembersOutline, + export: ExportOutline, + "billing-and-plans": BillingsOutline, + webhooks: WebhooksOutline, }; diff --git a/apps/web/core/components/sidebar/search-button.tsx b/apps/web/core/components/sidebar/search-button.tsx index 397507a2b80..30acec2973d 100644 --- a/apps/web/core/components/sidebar/search-button.tsx +++ b/apps/web/core/components/sidebar/search-button.tsx @@ -4,7 +4,7 @@ * See the LICENSE file for details. */ -import { SearchIcon } from "@plane/propel/icons"; +import { SearchOutline } from "@makeplane/propel/icons"; import { cn } from "@plane/utils"; type Props = { @@ -22,7 +22,7 @@ export function SidebarSearchButton(props: Props) { } )} > - { if (sidebarPeek) toggleSidebarPeek(false); toggleSidebar(); diff --git a/apps/web/core/components/sidebar/sidebar-wrapper.tsx b/apps/web/core/components/sidebar/sidebar-wrapper.tsx index b59983f725f..7e8700ab67d 100644 --- a/apps/web/core/components/sidebar/sidebar-wrapper.tsx +++ b/apps/web/core/components/sidebar/sidebar-wrapper.tsx @@ -8,7 +8,7 @@ import { useEffect, useRef, useState } from "react"; import { observer } from "mobx-react"; // plane helpers import { useOutsideClickDetector } from "@plane/hooks"; -import { PreferencesIcon } from "@plane/propel/icons"; +import { PreferencesOutline } from "@makeplane/propel/icons"; import { ScrollArea } from "@plane/propel/scrollarea"; // components import { CustomizeNavigationDialog } from "@/components/navigation/customize-navigation-dialog"; @@ -61,7 +61,7 @@ export const SidebarWrapper = observer(function SidebarWrapper(props: TSidebarWr setIsCustomizeNavDialogOpen(true)} /> )} diff --git a/apps/web/core/components/stickies/action-bar.tsx b/apps/web/core/components/stickies/action-bar.tsx index bc835f9ab84..2ff2236bb81 100644 --- a/apps/web/core/components/stickies/action-bar.tsx +++ b/apps/web/core/components/stickies/action-bar.tsx @@ -8,11 +8,10 @@ import { useRef, useState } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import useSWR from "swr"; -import { StickyNote as StickyIcon } from "lucide-react"; // plane hooks import { useOutsideClickDetector } from "@plane/hooks"; // plane ui -import { RecentStickyIcon, StickyNoteIcon, PlusIcon, CloseIcon } from "@plane/propel/icons"; +import { AddOutline, CloseOutline, MultipleStickyOutline, StickyNoteOutline } from "@makeplane/propel/icons"; import { PreviewCard, PreviewCardContent, PreviewCardTrigger } from "@makeplane/propel/components/preview-card"; import { Tooltip } from "@makeplane/propel/components/tooltip"; // plane utils @@ -60,7 +59,7 @@ export const StickyActionBar = observer(function StickyActionBar() { onClick={() => setShowRecentSticky(true)} style={{ color: recentStickyBackgroundColor }} > - + ); @@ -77,7 +76,7 @@ export const StickyActionBar = observer(function StickyActionBar() { className="btn btn--icon shadow-sm flex h-10 w-10 items-center justify-center rounded-full bg-surface-1" onClick={() => toggleAllStickiesModal(true)} > - + {recentStickyId && @@ -112,7 +111,7 @@ export const StickyActionBar = observer(function StickyActionBar() { setNewSticky(true); }} > - +
    @@ -122,9 +121,9 @@ export const StickyActionBar = observer(function StickyActionBar() { onClick={() => setIsExpanded(!isExpanded)} > {isExpanded ? ( - + ) : ( - + )} diff --git a/apps/web/core/components/stickies/layout/stickies-list.tsx b/apps/web/core/components/stickies/layout/stickies-list.tsx index 6a9e78ea2d1..41c97c6b31d 100644 --- a/apps/web/core/components/stickies/layout/stickies-list.tsx +++ b/apps/web/core/components/stickies/layout/stickies-list.tsx @@ -18,7 +18,7 @@ import Masonry from "react-masonry-component"; // plane imports import { EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { PlusIcon } from "@plane/propel/icons"; +import { AddOutline } from "@makeplane/propel/icons"; import { EUserWorkspaceRoles } from "@plane/types"; // assets import darkStickiesAsset from "@/app/assets/empty-state/stickies/stickies-dark.webp?url"; @@ -129,7 +129,7 @@ export const StickiesList = observer(function StickiesList(props: TProps) { description={t("stickies.empty_state.general.description")} assetPath={stickiesResolvedPath} primaryButton={{ - prependIcon: , + prependIcon: , text: t("stickies.empty_state.general.primary_button.text"), onClick: () => { toggleShowNewSticky(true); diff --git a/apps/web/core/components/stickies/modal/search.tsx b/apps/web/core/components/stickies/modal/search.tsx index 1964a7c3b9b..dfed3db8730 100644 --- a/apps/web/core/components/stickies/modal/search.tsx +++ b/apps/web/core/components/stickies/modal/search.tsx @@ -12,7 +12,7 @@ import { useParams } from "next/navigation"; import { useOutsideClickDetector } from "@plane/hooks"; // helpers import { useTranslation } from "@plane/i18n"; -import { SearchIcon, CloseIcon } from "@plane/propel/icons"; +import { CloseOutline, SearchOutline } from "@makeplane/propel/icons"; import { cn } from "@plane/utils"; import { useSticky } from "@/hooks/use-stickies"; import { IconButton } from "@plane/propel/icon-button"; @@ -59,7 +59,7 @@ export const StickySearch = observer(function StickySearch() { variant="ghost" size="lg" className="-mr-2" - icon={SearchIcon} + icon={SearchOutline} onClick={() => { setIsSearchOpen(true); inputRef.current?.focus(); @@ -74,7 +74,7 @@ export const StickySearch = observer(function StickySearch() { } )} > - + - + )}
    diff --git a/apps/web/core/components/stickies/modal/stickies.tsx b/apps/web/core/components/stickies/modal/stickies.tsx index 95746422ebc..e56978d109e 100644 --- a/apps/web/core/components/stickies/modal/stickies.tsx +++ b/apps/web/core/components/stickies/modal/stickies.tsx @@ -8,7 +8,7 @@ import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // plane ui -import { RecentStickyIcon, PlusIcon, CloseIcon } from "@plane/propel/icons"; +import { AddOutline, CloseOutline, MultipleStickyOutline } from "@makeplane/propel/icons"; // hooks import { useSticky } from "@/hooks/use-stickies"; // components @@ -35,7 +35,7 @@ export const Stickies = observer(function Stickies(props: TProps) {
    {/* Title */}
    - +

    Your stickies

    {/* actions */} @@ -49,7 +49,7 @@ export const Stickies = observer(function Stickies(props: TProps) { className="my-auto flex gap-1 text-13 font-medium text-accent-primary" disabled={creatingSticky} > - Add sticky + Add sticky {creatingSticky && (
    - + )}
    diff --git a/apps/web/core/components/stickies/sticky/root.tsx b/apps/web/core/components/stickies/sticky/root.tsx index b2afc84c3a6..17fa652d9ee 100644 --- a/apps/web/core/components/stickies/sticky/root.tsx +++ b/apps/web/core/components/stickies/sticky/root.tsx @@ -7,7 +7,7 @@ import { useCallback, useState } from "react"; import { debounce } from "lodash-es"; import { observer } from "mobx-react"; -import { Minimize2 } from "lucide-react"; +import { ArrowCollapseOutline } from "@makeplane/propel/icons"; // plane types import type { TSticky } from "@plane/types"; // plane utils @@ -88,7 +88,7 @@ export const StickyNote = observer(function StickyNote(props: TProps) { {/* {isStickiesPage && }{" "} */} {onClose && ( )} {/* inputs */} diff --git a/apps/web/core/components/stickies/widget.tsx b/apps/web/core/components/stickies/widget.tsx index 929c6b69e77..8324312e9b1 100644 --- a/apps/web/core/components/stickies/widget.tsx +++ b/apps/web/core/components/stickies/widget.tsx @@ -9,7 +9,7 @@ import { useParams } from "next/navigation"; // plane imports import { useTranslation } from "@plane/i18n"; -import { PlusIcon } from "@plane/propel/icons"; +import { AddOutline } from "@makeplane/propel/icons"; // hooks import { useSticky } from "@/hooks/use-stickies"; // local imports @@ -43,7 +43,7 @@ export const StickiesWidget = observer(function StickiesWidget() { className="my-auto flex gap-1 text-13 font-medium text-accent-primary" disabled={creatingSticky} > - + {t("stickies.add")} {creatingSticky && (
    {description}
    : null}
    -
    ); diff --git a/apps/web/core/components/ui/integration-and-import-export-banner.tsx b/apps/web/core/components/ui/integration-and-import-export-banner.tsx index a67c2d6c33d..edadffd11cc 100644 --- a/apps/web/core/components/ui/integration-and-import-export-banner.tsx +++ b/apps/web/core/components/ui/integration-and-import-export-banner.tsx @@ -4,7 +4,7 @@ * See the LICENSE file for details. */ -import { AlertCircle } from "lucide-react"; +import { WarningCircleOutline } from "@makeplane/propel/icons"; type Props = { bannerName: string; @@ -17,7 +17,7 @@ export function IntegrationAndImportExportBanner({ bannerName, description }: Pr

    {bannerName}

    {description && (
    - +

    {description}

    )} diff --git a/apps/web/core/components/views/applied-filters/access.tsx b/apps/web/core/components/views/applied-filters/access.tsx index 36f68435f96..a434a78ce2b 100644 --- a/apps/web/core/components/views/applied-filters/access.tsx +++ b/apps/web/core/components/views/applied-filters/access.tsx @@ -7,7 +7,7 @@ import { observer } from "mobx-react"; // icons import { useTranslation } from "@plane/i18n"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // constants // helpers import type { EViewAccess } from "@plane/types"; @@ -44,7 +44,7 @@ export const AppliedAccessFilters = observer(function AppliedAccessFilters(props className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(access)} > - + )} diff --git a/apps/web/core/components/views/applied-filters/root.tsx b/apps/web/core/components/views/applied-filters/root.tsx index 0999e373d5d..e6fbf03b23d 100644 --- a/apps/web/core/components/views/applied-filters/root.tsx +++ b/apps/web/core/components/views/applied-filters/root.tsx @@ -6,7 +6,7 @@ import { useTranslation } from "@plane/i18n"; import { PillButton } from "@makeplane/propel/components/pill"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; // plane imports import type { EViewAccess, TViewFilterProps } from "@plane/types"; import { replaceUnderscoreIfSnakeCase } from "@plane/utils"; @@ -77,7 +77,7 @@ export function ViewAppliedFiltersList(props: Props) { className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemoveFilter(filterKey, null)} > - + )} @@ -89,7 +89,7 @@ export function ViewAppliedFiltersList(props: Props) { size="md" variant="outline" label={t("common.clear_all")} - endIcon={} + endIcon={} onClick={handleClearAllFilters} /> )} diff --git a/apps/web/core/components/views/filters/filter-selection.tsx b/apps/web/core/components/views/filters/filter-selection.tsx index 04cd45d5eb6..bda29eb3384 100644 --- a/apps/web/core/components/views/filters/filter-selection.tsx +++ b/apps/web/core/components/views/filters/filter-selection.tsx @@ -7,7 +7,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; -import { SearchIcon, CloseIcon } from "@plane/propel/icons"; +import { CloseOutline, SearchOutline } from "@makeplane/propel/icons"; import type { TViewFilterProps, TViewFilters } from "@plane/types"; import { EViewAccess } from "@plane/types"; // components @@ -58,7 +58,7 @@ export const ViewFiltersSelection = observer(function ViewFiltersSelection(props
    - + {filtersSearchQuery !== "" && ( )}
    diff --git a/apps/web/core/components/views/filters/order-by.tsx b/apps/web/core/components/views/filters/order-by.tsx index 33360658864..1ea41f7b987 100644 --- a/apps/web/core/components/views/filters/order-by.tsx +++ b/apps/web/core/components/views/filters/order-by.tsx @@ -4,12 +4,11 @@ * See the LICENSE file for details. */ -import { ArrowDownWideNarrow, ArrowUpWideNarrow } from "lucide-react"; +import { SortAscendingOutline, SortDescendingOutline, TickOutline } from "@makeplane/propel/icons"; // plane imports import { VIEW_SORT_BY_OPTIONS, VIEW_SORTING_KEY_OPTIONS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { getButtonStyling } from "@plane/propel/button"; -import { CheckIcon } from "@plane/propel/icons"; import type { TViewFiltersSortBy, TViewFiltersSortKey } from "@plane/types"; import { CustomMenu } from "@plane/ui"; @@ -32,7 +31,7 @@ export function ViewOrderByDropdown(props: Props) { : getButtonStyling("secondary", "lg"); const icon = ( - <>{!isDescending ? : } + <>{!isDescending ? : } ); return ( {t(option.i18n_label)} - {sortKey === option.key && } + {sortKey === option.key && } ))}
    @@ -76,7 +75,7 @@ export function ViewOrderByDropdown(props: Props) { }} > {t(option.i18n_label)} - {isSelected && } + {isSelected && } ); })} diff --git a/apps/web/core/components/views/form.tsx b/apps/web/core/components/views/form.tsx index ae5712da0e5..5c4ce12f016 100644 --- a/apps/web/core/components/views/form.tsx +++ b/apps/web/core/components/views/form.tsx @@ -14,7 +14,7 @@ import { ETabIndices, ISSUE_DISPLAY_FILTERS_BY_PAGE } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; import { EmojiPicker, EmojiIconPickerTypes, Logo } from "@plane/propel/emoji-icon-picker"; -import { ViewsIcon } from "@plane/propel/icons"; +import { ViewsOutline } from "@makeplane/propel/icons"; import type { IIssueDisplayFilterOptions, IIssueDisplayProperties, @@ -123,7 +123,7 @@ export const ProjectViewForm = observer(function ProjectViewForm(props: Props) { {logoValue?.in_use ? ( ) : ( - + )} diff --git a/apps/web/core/components/views/quick-actions.tsx b/apps/web/core/components/views/quick-actions.tsx index 2f2cf28d151..94d8ba948d6 100644 --- a/apps/web/core/components/views/quick-actions.tsx +++ b/apps/web/core/components/views/quick-actions.tsx @@ -6,7 +6,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; -import { MoreHorizontal } from "lucide-react"; +import { MoreHorizontalOutline } from "@makeplane/propel/icons"; // types import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { IconButton } from "@plane/propel/icon-button"; @@ -99,7 +99,7 @@ export const ViewQuickActions = observer(function ViewQuickActions(props: Props) {additionalModals} } + customButton={} placement="bottom-end" closeOnSelect buttonClassName={customClassName} diff --git a/apps/web/core/components/views/view-list-header.tsx b/apps/web/core/components/views/view-list-header.tsx index 2c25850f0ba..bc5e79d97e4 100644 --- a/apps/web/core/components/views/view-list-header.tsx +++ b/apps/web/core/components/views/view-list-header.tsx @@ -7,9 +7,8 @@ import React, { useEffect, useRef, useState } from "react"; import { observer } from "mobx-react"; // icons -import { ListFilter } from "lucide-react"; +import { CloseOutline, FilterOutline, SearchOutline } from "@makeplane/propel/icons"; import { useOutsideClickDetector } from "@plane/hooks"; -import { SearchIcon, CloseIcon } from "@plane/propel/icons"; // plane helpers // helpers import { cn } from "@plane/utils"; @@ -65,7 +64,7 @@ export const ViewListHeader = observer(function ViewListHeader() { setIsSearchOpen(true); inputRef.current?.focus(); }} - icon={SearchIcon} + icon={SearchOutline} /> )}
    - + - + )}
    @@ -109,7 +108,7 @@ export const ViewListHeader = observer(function ViewListHeader() { }} /> } + icon={} title="Filters" placement="bottom-end" isFiltersApplied={false} diff --git a/apps/web/core/components/views/view-list-item-action.tsx b/apps/web/core/components/views/view-list-item-action.tsx index 7de30992026..d526bc656ae 100644 --- a/apps/web/core/components/views/view-list-item-action.tsx +++ b/apps/web/core/components/views/view-list-item-action.tsx @@ -7,11 +7,10 @@ import React, { useState } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { Earth } from "lucide-react"; +import { GlobeOutline, LockOutline } from "@makeplane/propel/icons"; // plane imports import { EUserPermissions, EUserPermissionsLevel, IS_FAVORITE_MENU_OPEN } from "@plane/constants"; import { useLocalStorage } from "@plane/hooks"; -import { LockIcon } from "@plane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { IProjectView } from "@plane/types"; import { EViewAccess } from "@plane/types"; @@ -92,7 +91,7 @@ export const ViewListItemAction = observer(function ViewListItemAction(props: Pr setDeleteViewModal(false)} />
    - {access === EViewAccess.PUBLIC ? : } + {access === EViewAccess.PUBLIC ? : }
    diff --git a/apps/web/core/components/views/view-list-item.tsx b/apps/web/core/components/views/view-list-item.tsx index a790daca062..011b4738934 100644 --- a/apps/web/core/components/views/view-list-item.tsx +++ b/apps/web/core/components/views/view-list-item.tsx @@ -8,7 +8,7 @@ import { useRef } from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import { Logo } from "@plane/propel/emoji-icon-picker"; -import { ViewsIcon } from "@plane/propel/icons"; +import { ViewsOutline } from "@makeplane/propel/icons"; // types import type { IProjectView } from "@plane/types"; // components @@ -39,7 +39,7 @@ export const ProjectViewListItem = observer(function ProjectViewListItem(props: {view?.logo_props?.in_use ? ( ) : ( - + )} } diff --git a/apps/web/core/components/web-hooks/form/delete-section.tsx b/apps/web/core/components/web-hooks/form/delete-section.tsx index 5b51d78dbdf..ef4f5bd1aa4 100644 --- a/apps/web/core/components/web-hooks/form/delete-section.tsx +++ b/apps/web/core/components/web-hooks/form/delete-section.tsx @@ -6,7 +6,7 @@ import { Disclosure, Transition } from "@headlessui/react"; import { Button } from "@plane/propel/button"; -import { ChevronDownIcon, ChevronUpIcon } from "@plane/propel/icons"; +import { ChevronDownOutline, ChevronUpOutline } from "@makeplane/propel/icons"; type Props = { openDeleteModal: () => void; @@ -21,7 +21,7 @@ export function WebhookDeleteSection(props: Props) {
    Danger zone - {open ? : } + {open ? : } setShouldShowKey((prevState) => !prevState); const SECRET_KEY_OPTIONS = [ - { label: "View secret key", Icon: shouldShowKey ? EyeOff : Eye, onClick: toggleShowKey, key: "eye" }, - { label: "Copy secret key", Icon: CopyIcon, onClick: handleCopySecretKey, key: "copy" }, + { label: "View secret key", Icon: shouldShowKey ? HideOutline : ShowOutline, onClick: toggleShowKey, key: "eye" }, + { label: "Copy secret key", Icon: CopyOutline, onClick: handleCopySecretKey, key: "copy" }, ]; return ( @@ -138,7 +137,7 @@ export const WebhookSecretKey = observer(function WebhookSecretKey(props: Props) variant="secondary" size="lg" loading={isRegenerating} - prependIcon={} + prependIcon={} > {isRegenerating ? `${t("re_generating")}...` : t("re_generate_key")} diff --git a/apps/web/core/components/workflow/state-option.tsx b/apps/web/core/components/workflow/state-option.tsx index 20d350e6e77..cbf535ce5d1 100644 --- a/apps/web/core/components/workflow/state-option.tsx +++ b/apps/web/core/components/workflow/state-option.tsx @@ -6,7 +6,7 @@ import { observer } from "mobx-react"; import { Combobox } from "@headlessui/react"; -import { CheckIcon } from "@plane/propel/icons"; +import { TickOutline } from "@makeplane/propel/icons"; import { cn } from "@plane/utils"; export type TStateOptionProps = { @@ -38,7 +38,7 @@ export const StateOption = observer(function StateOption(props: TStateOptionProp {({ selected }) => ( <> {option.content} - {selected && } + {selected && } )} diff --git a/apps/web/core/components/workspace-notifications/sidebar/filters/applied-filter.tsx b/apps/web/core/components/workspace-notifications/sidebar/filters/applied-filter.tsx index bd47d333d17..cf8e9b49726 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/filters/applied-filter.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/filters/applied-filter.tsx @@ -9,7 +9,7 @@ import { observer } from "mobx-react"; import { ENotificationFilterType, FILTER_TYPE_OPTIONS } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { PillButton } from "@makeplane/propel/components/pill"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; import { Header, EHeaderVariant } from "@plane/ui"; // hooks import { useWorkspaceNotifications } from "@/hooks/store/notifications"; @@ -54,7 +54,7 @@ export const AppliedFilters = observer(function AppliedFilters(props: TAppliedFi size="md" variant="outline" label={t(filter.i18n_label)} - endIcon={} + endIcon={} onClick={() => handleFilterTypeChange(filter?.value, !isSelected)} /> ); @@ -64,7 +64,7 @@ export const AppliedFilters = observer(function AppliedFilters(props: TAppliedFi size="md" variant="outline" label={t("common.clear_all")} - endIcon={} + endIcon={} onClick={handleClearFilters} /> diff --git a/apps/web/core/components/workspace-notifications/sidebar/filters/menu/menu-option-item.tsx b/apps/web/core/components/workspace-notifications/sidebar/filters/menu/menu-option-item.tsx index 1f6a87f08e4..44305f150e8 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/filters/menu/menu-option-item.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/filters/menu/menu-option-item.tsx @@ -7,7 +7,7 @@ import { observer } from "mobx-react"; import type { ENotificationFilterType } from "@plane/constants"; -import { CheckIcon } from "@plane/propel/icons"; +import { TickOutline } from "@makeplane/propel/icons"; // plane imports // helpers import { cn } from "@plane/utils"; @@ -43,7 +43,7 @@ export const NotificationFilterOptionItem = observer(function NotificationFilter "bg-surface-2": !isSelected, })} > - {isSelected && } + {isSelected && }
    - + } keyExtractor={(item: { label: string; value: ENotificationFilterType }) => item.value} diff --git a/apps/web/core/components/workspace-notifications/sidebar/header/options/menu-option/root.tsx b/apps/web/core/components/workspace-notifications/sidebar/header/options/menu-option/root.tsx index 596e5bde0f9..39cd2deaad3 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/header/options/menu-option/root.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/header/options/menu-option/root.tsx @@ -6,10 +6,15 @@ import type { ReactNode } from "react"; import { observer } from "mobx-react"; -import { CheckCircle, Clock, MoreVertical } from "lucide-react"; +import { + ArchiveOutline, + ClockOutline, + MoreVerticalOutline, + TickCircleOutline, + TickOutline, +} from "@makeplane/propel/icons"; import { useTranslation } from "@plane/i18n"; // plane imports -import { ArchiveIcon, CheckIcon } from "@plane/propel/icons"; import type { TNotificationFilter } from "@plane/types"; import { PopoverMenu } from "@plane/ui"; // hooks @@ -44,8 +49,8 @@ export const NotificationHeaderMenuOption = observer(function NotificationHeader type: "menu-item", label: t("notification.options.show_unread"), isActive: filters?.read, - prependIcon: , - appendIcon: filters?.read ? : undefined, + prependIcon: , + appendIcon: filters?.read ? : undefined, onClick: () => handleFilterChange("read", !filters?.read), }, { @@ -53,8 +58,8 @@ export const NotificationHeaderMenuOption = observer(function NotificationHeader type: "menu-item", label: t("notification.options.show_archived"), isActive: filters?.archived, - prependIcon: , - appendIcon: filters?.archived ? : undefined, + prependIcon: , + appendIcon: filters?.archived ? : undefined, onClick: () => handleBulkFilterChange({ archived: !filters?.archived, @@ -66,8 +71,8 @@ export const NotificationHeaderMenuOption = observer(function NotificationHeader type: "menu-item", label: t("notification.options.show_snoozed"), isActive: filters?.snoozed, - prependIcon: , - appendIcon: filters?.snoozed ? : undefined, + prependIcon: , + appendIcon: filters?.snoozed ? : undefined, onClick: () => handleBulkFilterChange({ snoozed: !filters?.snoozed, @@ -79,7 +84,7 @@ export const NotificationHeaderMenuOption = observer(function NotificationHeader return ( } + button={} keyExtractor={(item: TPopoverMenuOptions) => item.key} panelClassName="p-0 py-2 rounded-md border border-subtle bg-surface-1 space-y-1" render={(item: TPopoverMenuOptions) => } diff --git a/apps/web/core/components/workspace-notifications/sidebar/header/options/root.tsx b/apps/web/core/components/workspace-notifications/sidebar/header/options/root.tsx index 328099054c9..02784ee4047 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/header/options/root.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/header/options/root.tsx @@ -5,7 +5,7 @@ */ import { observer } from "mobx-react"; -import { CheckCheck, RefreshCw } from "lucide-react"; +import { CheckDoneOutline, RefreshOutline } from "@makeplane/propel/icons"; // plane imports import { ENotificationLoader, ENotificationQueryParamType } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; @@ -58,7 +58,7 @@ export const NotificationSidebarHeaderOptions = observer(function NotificationSi { handleMarkAllNotificationsAsRead(); }} @@ -70,7 +70,7 @@ export const NotificationSidebarHeaderOptions = observer(function NotificationSi diff --git a/apps/web/core/components/workspace-notifications/sidebar/header/root.tsx b/apps/web/core/components/workspace-notifications/sidebar/header/root.tsx index 13f3c412eac..c2440ea8f4f 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/header/root.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/header/root.tsx @@ -7,7 +7,7 @@ import { observer } from "mobx-react"; // plane imports import { useTranslation } from "@plane/i18n"; -import { InboxIcon } from "@plane/propel/icons"; +import { InboxOutline } from "@makeplane/propel/icons"; import { Breadcrumbs, Header } from "@plane/ui"; // components import { BreadcrumbLink } from "@/components/common/breadcrumb-link"; @@ -33,7 +33,7 @@ export const NotificationSidebarHeader = observer(function NotificationSidebarHe component={ } + icon={} disableTooltip /> } diff --git a/apps/web/core/components/workspace-notifications/sidebar/notification-card/item.tsx b/apps/web/core/components/workspace-notifications/sidebar/notification-card/item.tsx index a2dc20fa30e..b00e18a697a 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/notification-card/item.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/notification-card/item.tsx @@ -6,7 +6,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; -import { Clock } from "lucide-react"; +import { ClockOutline } from "@makeplane/propel/icons"; // plane imports import { Avatar } from "@makeplane/propel/components/avatar"; import { Row } from "@plane/ui"; @@ -125,7 +125,7 @@ export const NotificationItem = observer(function NotificationItem(props: TNotif
    {notification?.snoozed_till ? (

    - + Till {renderFormattedDate(notification.snoozed_till)},  {renderFormattedTime(notification.snoozed_till, "12-hour")} diff --git a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/archive.tsx b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/archive.tsx index 8e5ab806655..5a436663056 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/archive.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/archive.tsx @@ -5,10 +5,9 @@ */ import { observer } from "mobx-react"; -import { ArchiveRestore } from "lucide-react"; +import { ArchiveOutline, RestoreOutline } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; -import { ArchiveIcon } from "@plane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // store import type { INotification } from "@/store/notifications/notification"; @@ -49,9 +48,9 @@ export const NotificationItemArchiveOption = observer(function NotificationItemA callBack={handleNotificationUpdate} > {data.archived_at ? ( - + ) : ( - + )} ); diff --git a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/read.tsx b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/read.tsx index 16a5b513336..f2f7f9c5f19 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/read.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/read.tsx @@ -5,7 +5,7 @@ */ import { observer } from "mobx-react"; -import { MessageSquare } from "lucide-react"; +import { ChatOutline } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; @@ -45,7 +45,7 @@ export const NotificationItemReadOption = observer(function NotificationItemRead tooltipContent={data.read_at ? t("notification.options.mark_unread") : t("notification.options.mark_read")} callBack={handleNotificationUpdate} > - + ); }); diff --git a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/modal.tsx b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/modal.tsx index 02e8c353c39..b1eadc51e6a 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/modal.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/modal.tsx @@ -9,7 +9,7 @@ import { useForm, Controller } from "react-hook-form"; // plane imports import { allTimeIn30MinutesInterval12HoursFormat } from "@plane/constants"; import { Button } from "@plane/propel/button"; -import { CloseIcon } from "@plane/propel/icons"; +import { CloseOutline } from "@makeplane/propel/icons"; import { CustomSelect, EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; // components import { getDate, cn } from "@plane/utils"; @@ -120,7 +120,7 @@ export function NotificationSnoozeModal(props: TNotificationSnoozeModal) {

    diff --git a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/root.tsx b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/root.tsx index 14f6189f768..71299f9477c 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/root.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/notification-card/options/snooze/root.tsx @@ -7,7 +7,7 @@ import type { Dispatch, SetStateAction } from "react"; import { Fragment } from "react"; import { observer } from "mobx-react"; -import { Clock } from "lucide-react"; +import { ClockOutline } from "@makeplane/propel/icons"; import { Popover, Transition } from "@headlessui/react"; // plane imports import { NOTIFICATION_SNOOZE_OPTIONS } from "@plane/constants"; @@ -108,7 +108,7 @@ export const NotificationItemSnoozeOption = observer(function NotificationItemSn open ? "bg-layer-1" : "" )} > - + diff --git a/apps/web/core/components/workspace/ConfirmWorkspaceMemberRemove.tsx b/apps/web/core/components/workspace/ConfirmWorkspaceMemberRemove.tsx index e8f1d632887..4037c5963ae 100644 --- a/apps/web/core/components/workspace/ConfirmWorkspaceMemberRemove.tsx +++ b/apps/web/core/components/workspace/ConfirmWorkspaceMemberRemove.tsx @@ -6,7 +6,7 @@ import React, { useState } from "react"; import { observer } from "mobx-react"; -import { AlertTriangle } from "lucide-react"; +import { WarningTriangleOutline } from "@makeplane/propel/icons"; import { Dialog, Transition } from "@headlessui/react"; import { Button } from "@plane/propel/button"; import { useUser } from "@/hooks/store/user"; @@ -62,7 +62,7 @@ export const ConfirmWorkspaceMemberRemove = observer(function ConfirmWorkspaceMe
    -
    diff --git a/apps/web/core/components/workspace/billing/comparison/base.tsx b/apps/web/core/components/workspace/billing/comparison/base.tsx index b09965a0282..f36cad4f445 100644 --- a/apps/web/core/components/workspace/billing/comparison/base.tsx +++ b/apps/web/core/components/workspace/billing/comparison/base.tsx @@ -5,7 +5,7 @@ */ import { observer } from "mobx-react"; -import { ArrowDown, ArrowUp } from "lucide-react"; +import { ArrowDownOutline, TopArrowOutline } from "@makeplane/propel/icons"; // plane imports import { Button } from "@plane/propel/button"; import { cn } from "@plane/utils"; @@ -130,7 +130,7 @@ export const PlansComparisonBase = observer(function PlansComparisonBase(props: onClick={() => { setIsCompareAllFeaturesSectionOpen(!isCompareAllFeaturesSectionOpen); }} - appendIcon={isCompareAllFeaturesSectionOpen ? : } + appendIcon={isCompareAllFeaturesSectionOpen ? : } > {isCompareAllFeaturesSectionOpen ? "Collapse comparison" : "Compare all features"} diff --git a/apps/web/core/components/workspace/billing/comparison/feature-detail.tsx b/apps/web/core/components/workspace/billing/comparison/feature-detail.tsx index b8bcadc07fc..85ad64c02c4 100644 --- a/apps/web/core/components/workspace/billing/comparison/feature-detail.tsx +++ b/apps/web/core/components/workspace/billing/comparison/feature-detail.tsx @@ -4,7 +4,8 @@ * See the LICENSE file for details. */ -import { CheckCircle2, Minus, MinusCircle } from "lucide-react"; +import { MinusCircle } from "lucide-react"; +import { MinusOutline, TickCircleOutline } from "@makeplane/propel/icons"; import type { EProductSubscriptionEnum } from "@plane/types"; // plane imports // constants @@ -19,10 +20,10 @@ export function PlanFeatureDetail(props: TPlanFeatureDetailProps) { const { data } = props; if (data === null || data === undefined) { - return ; + return ; } if (data === true) { - return ; + return ; } if (data === false) { return ; diff --git a/apps/web/core/components/workspace/billing/comparison/plans.tsx b/apps/web/core/components/workspace/billing/comparison/plans.tsx index a51afb5d187..3273aff2d24 100644 --- a/apps/web/core/components/workspace/billing/comparison/plans.tsx +++ b/apps/web/core/components/workspace/billing/comparison/plans.tsx @@ -4,7 +4,7 @@ * See the LICENSE file for details. */ -import { Mail, MessageCircle, MessageSquare } from "lucide-react"; +import { ChatOutline, MailOutline } from "@makeplane/propel/icons"; import { EProductSubscriptionEnum } from "@plane/types"; // plane imports import { cn } from "@plane/utils"; @@ -51,7 +51,7 @@ type PlanePlans = { }; function ForumIcon({ className }: { className?: string }) { - return ; + return ; } export function ComingSoonBadge({ className }: { className?: string }) { @@ -1216,15 +1216,15 @@ export const PLANS_COMPARISON_LIST: TPlansComparisonDetails[] = [ ), one: (
    - +
    ), pro: (
    - + - +
    ), business: "Full-suite\nprofessional services", diff --git a/apps/web/core/components/workspace/confirm-workspace-member-remove.tsx b/apps/web/core/components/workspace/confirm-workspace-member-remove.tsx index 9ec6dc42806..274b65ffff2 100644 --- a/apps/web/core/components/workspace/confirm-workspace-member-remove.tsx +++ b/apps/web/core/components/workspace/confirm-workspace-member-remove.tsx @@ -6,7 +6,7 @@ import { useState } from "react"; import { observer } from "mobx-react"; -import { AlertTriangle } from "lucide-react"; +import { WarningTriangleOutline } from "@makeplane/propel/icons"; // ui import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; @@ -50,7 +50,7 @@ export const ConfirmWorkspaceMemberRemove = observer(function ConfirmWorkspaceMe
    -

    diff --git a/apps/web/core/components/workspace/delete-workspace-form.tsx b/apps/web/core/components/workspace/delete-workspace-form.tsx index 6c9d6fb33bf..1a837c5d830 100644 --- a/apps/web/core/components/workspace/delete-workspace-form.tsx +++ b/apps/web/core/components/workspace/delete-workspace-form.tsx @@ -6,7 +6,7 @@ import { observer } from "mobx-react"; import { Controller, useForm } from "react-hook-form"; -import { AlertTriangle } from "lucide-react"; +import { WarningTriangleOutline } from "@makeplane/propel/icons"; // Plane Imports import { Field } from "@makeplane/propel/components/field"; import { Input, InputGroup } from "@makeplane/propel/components/input"; @@ -90,7 +90,7 @@ export const DeleteWorkspaceForm = observer(function DeleteWorkspaceForm(props: "grid size-12 shrink-0 place-items-center rounded-full bg-danger-subtle text-danger-primary sm:size-10" )} > -

    } > diff --git a/apps/web/core/components/workspace/settings/workspace-details.tsx b/apps/web/core/components/workspace/settings/workspace-details.tsx index 8b6dff916ee..bf96889351b 100644 --- a/apps/web/core/components/workspace/settings/workspace-details.tsx +++ b/apps/web/core/components/workspace/settings/workspace-details.tsx @@ -13,7 +13,7 @@ import { Input, InputGroup } from "@makeplane/propel/components/input"; import { ORGANIZATION_SIZE, EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; -import { EditIcon } from "@plane/propel/icons"; +import { EditOutline } from "@makeplane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import type { IWorkspace } from "@plane/types"; import { CustomSelect } from "@plane/ui"; @@ -179,7 +179,7 @@ export const WorkspaceDetails = observer(function WorkspaceDetails() { > {workspaceLogo && workspaceLogo !== "" ? ( <> - + {t("workspace_settings.settings.general.edit_logo")} ) : ( diff --git a/apps/web/core/components/workspace/sidebar/dropdown-item.tsx b/apps/web/core/components/workspace/sidebar/dropdown-item.tsx index 5b660d326f9..b4c7f04f5ca 100644 --- a/apps/web/core/components/workspace/sidebar/dropdown-item.tsx +++ b/apps/web/core/components/workspace/sidebar/dropdown-item.tsx @@ -7,12 +7,11 @@ import { observer } from "mobx-react"; import Link from "next/link"; import { useParams } from "next/navigation"; -import { Settings, UserPlus } from "lucide-react"; +import { SettingsOutline, TickOutline, UserPlusOutline } from "@makeplane/propel/icons"; import { Menu } from "@headlessui/react"; // plane imports import { EUserPermissions } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { CheckIcon } from "@plane/propel/icons"; import type { IWorkspace } from "@plane/types"; import { cn, getFileURL, getUserRole } from "@plane/utils"; @@ -80,7 +79,7 @@ const SidebarDropdownItem = observer(function SidebarDropdownItem(props: TProps)
    {workspace.id === activeWorkspace?.id ? ( - + ) : null}
    @@ -96,7 +95,7 @@ const SidebarDropdownItem = observer(function SidebarDropdownItem(props: TProps) }} className="flex gap-1.5 rounded-md border border-strong bg-layer-2 px-2.5 py-1.5 text-secondary transition-colors hover:border-strong hover:text-secondary hover:shadow-raised-100" > - + {t("settings")} )} @@ -109,7 +108,7 @@ const SidebarDropdownItem = observer(function SidebarDropdownItem(props: TProps) }} className="flex gap-1.5 rounded-md border border-strong bg-layer-2 px-2.5 py-1.5 text-secondary transition-colors hover:border-strong hover:text-secondary hover:shadow-raised-100" > - + {t("project_settings.members.invite_members.title")} diff --git a/apps/web/core/components/workspace/sidebar/extended-sidebar-item.tsx b/apps/web/core/components/workspace/sidebar/extended-sidebar-item.tsx index c8fa2f1aa92..2ea84f14722 100644 --- a/apps/web/core/components/workspace/sidebar/extended-sidebar-item.tsx +++ b/apps/web/core/components/workspace/sidebar/extended-sidebar-item.tsx @@ -11,7 +11,7 @@ import { attachInstruction, extractInstruction } from "@atlaskit/pragmatic-drag- import { observer } from "mobx-react"; import Link from "next/link"; import { useParams, usePathname } from "next/navigation"; -import { Pin, PinOff } from "lucide-react"; +import { PinOutline, UnpinOutline } from "@makeplane/propel/icons"; // plane imports import type { IWorkspaceSidebarNavigationItem } from "@plane/constants"; import { EUserPermissionsLevel } from "@plane/constants"; @@ -203,14 +203,14 @@ export const ExtendedSidebarItem = observer(function ExtendedSidebarItem(props: )} {isPinned ? ( - unPinNavigationItem(item.key)} /> ) : ( - - + pinNavigationItem(item.key)} /> diff --git a/apps/web/core/components/workspace/sidebar/favorites/favorite-folder.tsx b/apps/web/core/components/workspace/sidebar/favorites/favorite-folder.tsx index 752728b699d..47d315e5ce3 100644 --- a/apps/web/core/components/workspace/sidebar/favorites/favorite-folder.tsx +++ b/apps/web/core/components/workspace/sidebar/favorites/favorite-folder.tsx @@ -19,12 +19,18 @@ import { attachInstruction } from "@atlaskit/pragmatic-drag-and-drop-hitbox/tree import { orderBy } from "lodash-es"; import { useParams } from "next/navigation"; import { createRoot } from "react-dom/client"; -import { Star, MoreHorizontal, GripVertical } from "lucide-react"; +import { + ChevronRightOutline, + DraftsOutline, + DragDropOutline, + MoreHorizontalOutline, + StarOutline, +} from "@makeplane/propel/icons"; import { Disclosure, Transition } from "@headlessui/react"; // plane imports import { useOutsideClickDetector } from "@plane/hooks"; import { useTranslation } from "@plane/i18n"; -import { DraftIcon, FavoriteFolderIcon, ChevronRightIcon } from "@plane/propel/icons"; +import { FavoriteFolderIcon } from "@plane/propel/icons"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import type { IFavorite, InstructionType } from "@plane/types"; import { CustomMenu, DropIndicator, DragHandle } from "@plane/ui"; @@ -169,7 +175,7 @@ export function FavoriteFolder(props: Props) { {/* draggable indicator */}
    - +
    <> @@ -211,7 +217,7 @@ export function FavoriteFolder(props: Props) { ref={actionSectionRef} className="grid place-items-center rounded-sm p-0.5 text-placeholder hover:bg-layer-1" > - + } menuButtonOnClick={() => setIsMenuActive(!isMenuActive)} @@ -227,13 +233,13 @@ export function FavoriteFolder(props: Props) { > handleRemoveFromFavorites(favorite)}> - + Remove from favorites setFolderToRename(favorite.id)}>
    - + Rename Folder
    @@ -248,7 +254,7 @@ export function FavoriteFolder(props: Props) { open ? "aria_labels.projects_sidebar.close_folder" : "aria_labels.projects_sidebar.open_folder" )} > - | LucideIcon> = { - page: PageIcon, - project: ProjectIcon, - view: ViewsIcon, - module: ModuleIcon, - cycle: CycleIcon, + page: PagesOutline, + project: ProjectsOutline, + view: ViewsOutline, + module: ModuleOutline, + cycle: CyclesOutline, folder: FavoriteFolderIcon, }; @@ -26,7 +27,7 @@ type Props = { }; export const FavoriteItemIcon = ({ type, logo }: Props) => { - const Icon = ICON_MAP[type] ?? PageIcon; + const Icon = ICON_MAP[type] ?? PagesOutline; return ( <> diff --git a/apps/web/core/components/workspace/sidebar/favorites/favorite-items/common/favorite-item-quick-action.tsx b/apps/web/core/components/workspace/sidebar/favorites/favorite-items/common/favorite-item-quick-action.tsx index 521554861ab..71e062824ce 100644 --- a/apps/web/core/components/workspace/sidebar/favorites/favorite-items/common/favorite-item-quick-action.tsx +++ b/apps/web/core/components/workspace/sidebar/favorites/favorite-items/common/favorite-item-quick-action.tsx @@ -6,7 +6,7 @@ import React from "react"; import { observer } from "mobx-react"; -import { MoreHorizontal, Star } from "lucide-react"; +import { MoreHorizontalOutline, StarOutline } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; import type { IFavorite } from "@plane/types"; @@ -31,7 +31,7 @@ export const FavoriteItemQuickAction = observer(function FavoriteItemQuickAction - + } menuButtonOnClick={() => onChange(!isMenuActive)} @@ -47,7 +47,7 @@ export const FavoriteItemQuickAction = observer(function FavoriteItemQuickAction > handleRemoveFromFavorites(favorite)}> - + Remove from favorites diff --git a/apps/web/core/components/workspace/sidebar/favorites/favorites-menu.tsx b/apps/web/core/components/workspace/sidebar/favorites/favorites-menu.tsx index c6759bcb28d..fb0eec8ce14 100644 --- a/apps/web/core/components/workspace/sidebar/favorites/favorites-menu.tsx +++ b/apps/web/core/components/workspace/sidebar/favorites/favorites-menu.tsx @@ -15,11 +15,10 @@ import { dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element import { orderBy } from "lodash-es"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; -import { FolderPlus } from "lucide-react"; +import { ChevronRightOutline, CreateFolderOutline } from "@makeplane/propel/icons"; import { Disclosure, Transition } from "@headlessui/react"; import { IS_FAVORITE_MENU_OPEN } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { ChevronRightIcon } from "@plane/propel/icons"; // ui import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@makeplane/propel/components/tooltip"; @@ -215,7 +214,7 @@ export const SidebarFavoritesMenu = observer(function SidebarFavoritesMenu() { if (!isFavoriteMenuOpen) toggleFavoriteMenu(!isFavoriteMenuOpen); }} aria-label={t("aria_labels.projects_sidebar.create_favorites_folder")} - icon={FolderPlus} + icon={CreateFolderOutline} />     - , + icon: , isActive: isNeedHelpOpen, }} /> @@ -49,13 +48,13 @@ export const HelpMenuRoot = observer(function HelpMenuRoot() { > window.open("https://go.plane.so/p-docs", "_blank")}>
    - + {t("documentation")}
    window.open("mailto:sales@plane.so", "_blank")}>
    - + {t("contact_sales")}
    diff --git a/apps/web/core/components/workspace/sidebar/helper.tsx b/apps/web/core/components/workspace/sidebar/helper.tsx index 9bf4a01bf22..0e8fae6b480 100644 --- a/apps/web/core/components/workspace/sidebar/helper.tsx +++ b/apps/web/core/components/workspace/sidebar/helper.tsx @@ -5,40 +5,40 @@ */ import { - AnalyticsIcon, - ArchiveIcon, - CycleIcon, - DraftIcon, - HomeIcon, - InboxIcon, - MultipleStickyIcon, - ProjectIcon, - ViewsIcon, - YourWorkIcon, -} from "@plane/propel/icons"; + AnalyticsOutline, + ArchiveOutline, + CyclesOutline, + DraftsOutline, + HomeOutline, + InboxOutline, + MultipleStickyOutline, + ProjectsOutline, + ViewsOutline, + YourWorkOutline, +} from "@makeplane/propel/icons"; import { cn } from "@plane/utils"; export const getSidebarNavigationItemIcon = (key: string, className: string = "") => { switch (key) { case "home": - return ; + return ; case "inbox": - return ; + return ; case "projects": - return ; + return ; case "views": - return ; + return ; case "active_cycles": - return ; + return ; case "analytics": - return ; + return ; case "your_work": - return ; + return ; case "drafts": - return ; + return ; case "archives": - return ; + return ; case "stickies": - return ; + return ; } }; diff --git a/apps/web/core/components/workspace/sidebar/project-navigation.tsx b/apps/web/core/components/workspace/sidebar/project-navigation.tsx index 3582215f3bd..e7dfc7392b2 100644 --- a/apps/web/core/components/workspace/sidebar/project-navigation.tsx +++ b/apps/web/core/components/workspace/sidebar/project-navigation.tsx @@ -10,7 +10,14 @@ import Link from "next/link"; import { useParams, usePathname } from "next/navigation"; import { EUserPermissionsLevel, EUserPermissions } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { CycleIcon, IntakeIcon, ModuleIcon, PageIcon, ViewsIcon, WorkItemsIcon } from "@plane/propel/icons"; +import { + CyclesOutline, + IntakeOutline, + ModuleOutline, + PagesOutline, + ViewsOutline, + WorkItemsOutline, +} from "@makeplane/propel/icons"; import type { EUserProjectRoles } from "@plane/types"; // plane ui // components @@ -75,7 +82,7 @@ export const ProjectNavigation = observer(function ProjectNavigation(props: TPro key: "work_items", name: "Work items", href: `/${workspaceSlug}/projects/${projectId}/issues`, - icon: WorkItemsIcon, + icon: WorkItemsOutline, access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER, EUserPermissions.GUEST], shouldRender: true, sortOrder: 1, @@ -85,7 +92,7 @@ export const ProjectNavigation = observer(function ProjectNavigation(props: TPro key: "cycles", name: "Cycles", href: `/${workspaceSlug}/projects/${projectId}/cycles`, - icon: CycleIcon, + icon: CyclesOutline, access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER], shouldRender: project?.cycle_view ?? false, sortOrder: 2, @@ -95,7 +102,7 @@ export const ProjectNavigation = observer(function ProjectNavigation(props: TPro key: "modules", name: "Modules", href: `/${workspaceSlug}/projects/${projectId}/modules`, - icon: ModuleIcon, + icon: ModuleOutline, access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER], shouldRender: project?.module_view ?? false, sortOrder: 3, @@ -105,7 +112,7 @@ export const ProjectNavigation = observer(function ProjectNavigation(props: TPro key: "views", name: "Views", href: `/${workspaceSlug}/projects/${projectId}/views`, - icon: ViewsIcon, + icon: ViewsOutline, access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER, EUserPermissions.GUEST], shouldRender: project?.issue_views_view ?? false, sortOrder: 4, @@ -115,7 +122,7 @@ export const ProjectNavigation = observer(function ProjectNavigation(props: TPro key: "pages", name: "Pages", href: `/${workspaceSlug}/projects/${projectId}/pages`, - icon: PageIcon, + icon: PagesOutline, access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER, EUserPermissions.GUEST], shouldRender: project?.page_view ?? false, sortOrder: 5, @@ -125,7 +132,7 @@ export const ProjectNavigation = observer(function ProjectNavigation(props: TPro key: "intake", name: "Intake", href: `/${workspaceSlug}/projects/${projectId}/intake`, - icon: IntakeIcon, + icon: IntakeOutline, access: [EUserPermissions.ADMIN, EUserPermissions.MEMBER, EUserPermissions.GUEST], shouldRender: project?.inbox_view ?? false, sortOrder: 6, diff --git a/apps/web/core/components/workspace/sidebar/projects-list-item.tsx b/apps/web/core/components/workspace/sidebar/projects-list-item.tsx index e043629b2fa..9d0fa86c042 100644 --- a/apps/web/core/components/workspace/sidebar/projects-list-item.tsx +++ b/apps/web/core/components/workspace/sidebar/projects-list-item.tsx @@ -14,14 +14,21 @@ import { observer } from "mobx-react"; import { useParams, useRouter } from "next/navigation"; import { createRoot } from "react-dom/client"; import scrollIntoView from "smooth-scroll-into-view-if-needed"; -import { Settings, Share2, LogOut, MoreHorizontal } from "lucide-react"; +import { + ArchiveOutline, + ChevronRightOutline, + LinkOutline, + LogOutOutline, + MoreHorizontalOutline, + SettingsOutline, + ShareAltOutline, +} from "@makeplane/propel/icons"; import { Disclosure, Transition } from "@headlessui/react"; // plane imports import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useOutsideClickDetector } from "@plane/hooks"; import { useTranslation } from "@plane/i18n"; import { Logo } from "@plane/propel/emoji-icon-picker"; -import { LinkIcon, ArchiveIcon, ChevronRightIcon } from "@plane/propel/icons"; import { IconButton } from "@plane/propel/icon-button"; import { Tooltip } from "@makeplane/propel/components/tooltip"; import { CustomMenu, DropIndicator, DragHandle, ControlLink } from "@plane/ui"; @@ -356,7 +363,7 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem ref={actionSectionRef} variant="ghost" size="sm" - icon={MoreHorizontal} + icon={MoreHorizontalOutline} onClick={() => setIsMenuActive(!isMenuActive)} className="text-placeholder" /> @@ -395,7 +402,7 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem setPublishModal(true)}>
    - +
    {t("publish_project")}
    @@ -403,7 +410,7 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem )} - + {t("copy_link")} @@ -414,7 +421,7 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem }} >
    - + {t("archives")}
    @@ -425,7 +432,7 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem }} >
    - + {t("settings")}
    @@ -433,7 +440,7 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem {!isAuthorized && (
    - + {t("leave_project")}
    @@ -443,7 +450,7 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem setIsProjectListOpen(!isProjectListOpen)} className={cn("hidden text-placeholder group-hover/project-item:inline-flex", { "inline-flex": isMenuActive, diff --git a/apps/web/core/components/workspace/sidebar/projects-list.tsx b/apps/web/core/components/workspace/sidebar/projects-list.tsx index d1eb0ad4134..4f96a2a5b2e 100644 --- a/apps/web/core/components/workspace/sidebar/projects-list.tsx +++ b/apps/web/core/components/workspace/sidebar/projects-list.tsx @@ -9,12 +9,11 @@ import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine"; import { autoScrollForElements } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element"; import { observer } from "mobx-react"; import { useParams, usePathname } from "next/navigation"; -import { Ellipsis } from "lucide-react"; +import { AddOutline, ChevronRightOutline, MoreHorizontalOutline } from "@makeplane/propel/icons"; import { Disclosure, Transition } from "@headlessui/react"; // plane imports import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { PlusIcon, ChevronRightIcon } from "@plane/propel/icons"; import { IconButton } from "@plane/propel/icon-button"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; import { Tooltip } from "@makeplane/propel/components/tooltip"; @@ -191,7 +190,7 @@ export const SidebarProjectsList = observer(function SidebarProjectsList() { { setIsProjectModalOpen(true); }} @@ -203,7 +202,7 @@ export const SidebarProjectsList = observer(function SidebarProjectsList() { toggleListDisclosure(!isAllProjectsListOpen)} className="text-placeholder" iconClassName={cn("transition-transform", { @@ -262,7 +261,7 @@ export const SidebarProjectsList = observer(function SidebarProjectsList() { : "aria_labels.app_sidebar.open_extended_sidebar" )} > - + {isExtendedProjectSidebarOpened ? "Hide" : "More"} diff --git a/apps/web/core/components/workspace/sidebar/quick-actions.tsx b/apps/web/core/components/workspace/sidebar/quick-actions.tsx index f1d6bd80ae5..2142c62bc24 100644 --- a/apps/web/core/components/workspace/sidebar/quick-actions.tsx +++ b/apps/web/core/components/workspace/sidebar/quick-actions.tsx @@ -10,7 +10,7 @@ import { useParams } from "next/navigation"; // plane imports import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { AddWorkItemIcon } from "@plane/propel/icons"; +import { AddWorkItemOutline } from "@makeplane/propel/icons"; import type { TIssue } from "@plane/types"; // components import { CreateUpdateIssueModal } from "@/components/issues/issue-modal/modal"; @@ -81,7 +81,7 @@ export const SidebarQuickActions = observer(function SidebarQuickActions() { - + {t("sidebar.new_work_item")} } diff --git a/apps/web/core/components/workspace/sidebar/sidebar-menu-items.tsx b/apps/web/core/components/workspace/sidebar/sidebar-menu-items.tsx index ec452517aa6..d70f84d911c 100644 --- a/apps/web/core/components/workspace/sidebar/sidebar-menu-items.tsx +++ b/apps/web/core/components/workspace/sidebar/sidebar-menu-items.tsx @@ -6,7 +6,7 @@ import React, { useMemo } from "react"; import { observer } from "mobx-react"; -import { Ellipsis } from "lucide-react"; +import { ChevronRightOutline, MoreHorizontalOutline } from "@makeplane/propel/icons"; import { Disclosure, Transition } from "@headlessui/react"; // plane imports import { @@ -16,7 +16,6 @@ import { WORKSPACE_SIDEBAR_STATIC_PINNED_NAVIGATION_ITEMS_LINKS, } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; -import { ChevronRightIcon } from "@plane/propel/icons"; import { cn } from "@plane/utils"; // components import { SidebarNavItem } from "@/components/sidebar/sidebar-navigation"; @@ -129,7 +128,7 @@ export const SidebarMenuItems = observer(function SidebarMenuItems() { : "aria_labels.app_sidebar.open_workspace_menu" )} > - - + {isExtendedSidebarOpened ? "Hide" : "More"} diff --git a/apps/web/core/components/workspace/sidebar/user-menu-root.tsx b/apps/web/core/components/workspace/sidebar/user-menu-root.tsx index d47cbba041c..95b78f56ec6 100644 --- a/apps/web/core/components/workspace/sidebar/user-menu-root.tsx +++ b/apps/web/core/components/workspace/sidebar/user-menu-root.tsx @@ -7,7 +7,7 @@ import { useState, useEffect } from "react"; import { observer } from "mobx-react"; import { useRouter } from "next/navigation"; -import { LogOut, Settings, Settings2 } from "lucide-react"; +import { LogOutOutline, SettingsOutline } from "@makeplane/propel/icons"; // plane imports import { Avatar } from "@makeplane/propel/components/avatar"; import { GOD_MODE_URL } from "@plane/constants"; @@ -117,7 +117,7 @@ export const UserMenuRoot = observer(function UserMenuRoot() { } className="flex items-center gap-2" > - + {t("settings")} - + {t("preferences")}
    - + {t("sign_out")} {isUserInstanceAdmin && ( diff --git a/apps/web/core/components/workspace/sidebar/user-menu.tsx b/apps/web/core/components/workspace/sidebar/user-menu.tsx index f4f7b4ad367..a7835fc74c9 100644 --- a/apps/web/core/components/workspace/sidebar/user-menu.tsx +++ b/apps/web/core/components/workspace/sidebar/user-menu.tsx @@ -8,7 +8,8 @@ import React from "react"; import { observer } from "mobx-react"; import { useParams } from "next/navigation"; // plane imports -import { DraftIcon, HomeIcon, PiChatLogo, YourWorkIcon, DashboardIcon } from "@plane/propel/icons"; +import { PiChatLogo } from "@plane/propel/icons"; +import { DashboardsOutline, DraftsOutline, HomeOutline, YourWorkOutline } from "@makeplane/propel/icons"; import { EUserWorkspaceRoles } from "@plane/types"; // hooks import { useUserPermissions, useUser } from "@/hooks/store/user"; @@ -28,28 +29,28 @@ export const SidebarUserMenu = observer(function SidebarUserMenu() { labelTranslationKey: "sidebar.home", href: `/${workspaceSlug.toString()}/`, access: [EUserWorkspaceRoles.ADMIN, EUserWorkspaceRoles.MEMBER, EUserWorkspaceRoles.GUEST], - Icon: HomeIcon, + Icon: HomeOutline, }, { key: "dashboards", labelTranslationKey: "workspace_dashboards", href: `/${workspaceSlug.toString()}/dashboards/`, access: [EUserWorkspaceRoles.ADMIN, EUserWorkspaceRoles.MEMBER], - Icon: DashboardIcon, + Icon: DashboardsOutline, }, { key: "your-work", labelTranslationKey: "sidebar.your_work", href: `/${workspaceSlug.toString()}/profile/${currentUser?.id}/`, access: [EUserWorkspaceRoles.ADMIN, EUserWorkspaceRoles.MEMBER], - Icon: YourWorkIcon, + Icon: YourWorkOutline, }, { key: "drafts", labelTranslationKey: "sidebar.drafts", href: `/${workspaceSlug.toString()}/drafts/`, access: [EUserWorkspaceRoles.ADMIN, EUserWorkspaceRoles.MEMBER], - Icon: DraftIcon, + Icon: DraftsOutline, }, { key: "pi-chat", diff --git a/apps/web/core/components/workspace/sidebar/workspace-menu-header.tsx b/apps/web/core/components/workspace/sidebar/workspace-menu-header.tsx index 00a1c2c3822..57bb83afd5b 100644 --- a/apps/web/core/components/workspace/sidebar/workspace-menu-header.tsx +++ b/apps/web/core/components/workspace/sidebar/workspace-menu-header.tsx @@ -7,13 +7,12 @@ import { useState, useRef } from "react"; import { observer } from "mobx-react"; import { useParams, useRouter } from "next/navigation"; -import { MoreHorizontal, ArchiveIcon, Settings } from "lucide-react"; +import { ArchiveOutline, ChevronRightOutline, MoreHorizontalOutline, SettingsOutline } from "@makeplane/propel/icons"; import { Disclosure } from "@headlessui/react"; // plane imports import { EUserPermissionsLevel } from "@plane/constants"; import { useOutsideClickDetector } from "@plane/hooks"; import { useTranslation } from "@plane/i18n"; -import { ChevronRightIcon } from "@plane/propel/icons"; import { EUserWorkspaceRoles } from "@plane/types"; import { CustomMenu } from "@plane/ui"; import { cn } from "@plane/utils"; @@ -63,7 +62,7 @@ export const SidebarWorkspaceMenuHeader = observer(function SidebarWorkspaceMenu setIsMenuActive(!isMenuActive); }} > - + } className={cn( @@ -77,7 +76,7 @@ export const SidebarWorkspaceMenuHeader = observer(function SidebarWorkspaceMenu > router.push(`/${workspaceSlug}/projects/archives`)}>
    - + {t("archives")}
    @@ -85,7 +84,7 @@ export const SidebarWorkspaceMenuHeader = observer(function SidebarWorkspaceMenu {isAdmin && ( router.push(`/${workspaceSlug}/settings`)}>
    - + {t("settings")}
    @@ -98,7 +97,7 @@ export const SidebarWorkspaceMenuHeader = observer(function SidebarWorkspaceMenu > {" "} -

    {activeWorkspace?.name ?? t("loading")}

    - - + {t("create_workspace")} @@ -204,7 +203,7 @@ export const WorkspaceMenuRoot = observer(function WorkspaceMenuRoot(props: Work as="div" className="flex items-center gap-2 rounded-sm px-2 py-1 text-13 font-medium text-secondary hover:bg-layer-transparent-hover" > - + {t("workspace_invites")} @@ -216,7 +215,7 @@ export const WorkspaceMenuRoot = observer(function WorkspaceMenuRoot(props: Work className="flex w-full items-center gap-2 rounded-sm px-2 py-1 text-13 font-medium text-danger-primary hover:bg-layer-transparent-hover" onClick={handleSignOut} > - + {t("sign_out")}
    diff --git a/apps/web/core/components/workspace/sidebar/workspace-menu.tsx b/apps/web/core/components/workspace/sidebar/workspace-menu.tsx index 0861878c902..fa003ae4ff6 100644 --- a/apps/web/core/components/workspace/sidebar/workspace-menu.tsx +++ b/apps/web/core/components/workspace/sidebar/workspace-menu.tsx @@ -9,7 +9,7 @@ import { observer } from "mobx-react"; import { useParams } from "next/navigation"; import { Disclosure, Transition } from "@headlessui/react"; // plane imports -import { AnalyticsIcon, CycleIcon, ProjectIcon, ViewsIcon } from "@plane/propel/icons"; +import { AnalyticsOutline, CyclesOutline, ProjectsOutline, ViewsOutline } from "@makeplane/propel/icons"; import { EUserWorkspaceRoles } from "@plane/types"; // hooks import useLocalStorage from "@/hooks/use-local-storage"; @@ -31,28 +31,28 @@ export const SidebarWorkspaceMenu = observer(function SidebarWorkspaceMenu() { labelTranslationKey: "sidebar.projects", href: `/${workspaceSlug}/projects/`, access: [EUserWorkspaceRoles.ADMIN, EUserWorkspaceRoles.MEMBER, EUserWorkspaceRoles.GUEST], - Icon: ProjectIcon, + Icon: ProjectsOutline, }, { key: "views", labelTranslationKey: "sidebar.views", href: `/${workspaceSlug}/workspace-views/all-issues/`, access: [EUserWorkspaceRoles.ADMIN, EUserWorkspaceRoles.MEMBER, EUserWorkspaceRoles.GUEST], - Icon: ViewsIcon, + Icon: ViewsOutline, }, { key: "active-cycles", labelTranslationKey: "sidebar.cycles", href: `/${workspaceSlug}/active-cycles/`, access: [EUserWorkspaceRoles.ADMIN, EUserWorkspaceRoles.MEMBER], - Icon: CycleIcon, + Icon: CyclesOutline, }, { key: "analytics", labelTranslationKey: "sidebar.analytics", href: `/${workspaceSlug}/analytics/`, access: [EUserWorkspaceRoles.ADMIN, EUserWorkspaceRoles.MEMBER], - Icon: AnalyticsIcon, + Icon: AnalyticsOutline, }, ]; diff --git a/apps/web/core/components/workspace/views/default-view-quick-action.tsx b/apps/web/core/components/workspace/views/default-view-quick-action.tsx index a37744dbfed..732134b510b 100644 --- a/apps/web/core/components/workspace/views/default-view-quick-action.tsx +++ b/apps/web/core/components/workspace/views/default-view-quick-action.tsx @@ -8,7 +8,7 @@ import { observer } from "mobx-react"; import { useTranslation } from "@plane/i18n"; // plane imports -import { LinkIcon, NewTabIcon } from "@plane/propel/icons"; +import { LinkOutline, NewTabOutline } from "@makeplane/propel/icons"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; // ui import type { TStaticViewTypes } from "@plane/types"; @@ -45,13 +45,13 @@ export const DefaultWorkspaceViewQuickActions = observer(function DefaultWorkspa key: "open-new-tab", action: handleOpenInNewTab, title: t("open_in_new_tab"), - icon: NewTabIcon, + icon: NewTabOutline, }, { key: "copy-link", action: handleCopyText, title: t("copy_link"), - icon: LinkIcon, + icon: LinkOutline, }, ]; diff --git a/apps/web/core/components/workspace/views/header.tsx b/apps/web/core/components/workspace/views/header.tsx index 056dcceda8e..0ad9effc026 100644 --- a/apps/web/core/components/workspace/views/header.tsx +++ b/apps/web/core/components/workspace/views/header.tsx @@ -10,7 +10,7 @@ import { useParams } from "next/navigation"; // plane imports import { DEFAULT_GLOBAL_VIEWS_LIST, EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; -import { PlusIcon } from "@plane/propel/icons"; +import { AddOutline } from "@makeplane/propel/icons"; import type { TStaticViewTypes } from "@plane/types"; import { Header, EHeaderVariant } from "@plane/ui"; // hooks @@ -111,7 +111,7 @@ export const GlobalViewsHeader = observer(function GlobalViewsHeader() { className="sticky -right-4 flex flex-shrink-0 items-center justify-center border-transparent bg-surface-1 py-3 hover:border-subtle hover:text-placeholder" onClick={() => setCreateViewModal(true)} > - + ) : ( <> diff --git a/apps/web/core/components/workspace/views/view-list-item.tsx b/apps/web/core/components/workspace/views/view-list-item.tsx index 8c71a05bf30..a81c4e859b4 100644 --- a/apps/web/core/components/workspace/views/view-list-item.tsx +++ b/apps/web/core/components/workspace/views/view-list-item.tsx @@ -9,7 +9,7 @@ import { observer } from "mobx-react"; import Link from "next/link"; import { useParams } from "next/navigation"; // plane imports -import { EditIcon, TrashIcon } from "@plane/propel/icons"; +import { DeleteOutline, EditOutline } from "@makeplane/propel/icons"; import { CustomMenu } from "@plane/ui"; import { truncateText } from "@plane/utils"; // hooks @@ -57,7 +57,7 @@ export const GlobalViewListItem = observer(function GlobalViewListItem(props: Pr }} > - + Edit View @@ -67,7 +67,7 @@ export const GlobalViewListItem = observer(function GlobalViewListItem(props: Pr }} > - + Delete View diff --git a/apps/web/core/hooks/work-item-filters/use-work-item-filters-config.tsx b/apps/web/core/hooks/work-item-filters/use-work-item-filters-config.tsx index c9e0bce8671..6a6bb189764 100644 --- a/apps/web/core/hooks/work-item-filters/use-work-item-filters-config.tsx +++ b/apps/web/core/hooks/work-item-filters/use-work-item-filters-config.tsx @@ -5,25 +5,24 @@ */ import { useCallback, useMemo } from "react"; -import { AtSign, Briefcase } from "lucide-react"; +import { + AtOutline, + CalendarOutline, + CyclesOutline, + DueDateOutline, + LabelsOutline, + MembersOutline, + ModuleOutline, + PriorityOutline, + ProjectsOutline, + StartDateOutline, + StateOutline, + UserOutline, +} from "@makeplane/propel/icons"; // plane imports import { Avatar } from "@makeplane/propel/components/avatar"; import { Logo } from "@plane/propel/emoji-icon-picker"; -import { - CalendarLayoutIcon, - CycleGroupIcon, - CycleIcon, - ModuleIcon, - StatePropertyIcon, - PriorityIcon, - StateGroupIcon, - MembersPropertyIcon, - LabelPropertyIcon, - StartDatePropertyIcon, - DueDatePropertyIcon, - UserCirclePropertyIcon, - PriorityPropertyIcon, -} from "@plane/propel/icons"; +import { CycleGroupIcon, PriorityIcon, StateGroupIcon } from "@plane/propel/icons"; import type { ICycle, IState, @@ -153,7 +152,7 @@ export const useWorkItemFiltersConfig = (props: TUseWorkItemFiltersConfigProps): () => getStateGroupFilterConfig("state_group")({ isEnabled: isFilterEnabled("state_group"), - filterIcon: StatePropertyIcon, + filterIcon: StateOutline, getOptionIcon: (stateGroupKey) => , ...operatorConfigs, }), @@ -165,7 +164,7 @@ export const useWorkItemFiltersConfig = (props: TUseWorkItemFiltersConfigProps): () => getStateFilterConfig("state_id")({ isEnabled: isFilterEnabled("state_id") && workItemStates !== undefined, - filterIcon: StatePropertyIcon, + filterIcon: StateOutline, getOptionIcon: (state) => , states: workItemStates ?? [], ...operatorConfigs, @@ -178,7 +177,7 @@ export const useWorkItemFiltersConfig = (props: TUseWorkItemFiltersConfigProps): () => getLabelFilterConfig("label_id")({ isEnabled: isFilterEnabled("label_id") && workItemLabels !== undefined, - filterIcon: LabelPropertyIcon, + filterIcon: LabelsOutline, labels: workItemLabels ?? [], getOptionIcon: (color) => ( @@ -193,7 +192,7 @@ export const useWorkItemFiltersConfig = (props: TUseWorkItemFiltersConfigProps): () => getCycleFilterConfig("cycle_id")({ isEnabled: isFilterEnabled("cycle_id") && project?.cycle_view === true && cycles !== undefined, - filterIcon: CycleIcon, + filterIcon: CyclesOutline, getOptionIcon: (cycleGroup) => , cycles: cycles ?? [], ...operatorConfigs, @@ -206,8 +205,8 @@ export const useWorkItemFiltersConfig = (props: TUseWorkItemFiltersConfigProps): () => getModuleFilterConfig("module_id")({ isEnabled: isFilterEnabled("module_id") && project?.module_view === true && modules !== undefined, - filterIcon: ModuleIcon, - getOptionIcon: () => , + filterIcon: ModuleOutline, + getOptionIcon: () => , modules: modules ?? [], ...operatorConfigs, }), @@ -219,7 +218,7 @@ export const useWorkItemFiltersConfig = (props: TUseWorkItemFiltersConfigProps): () => getAssigneeFilterConfig("assignee_id")({ isEnabled: isFilterEnabled("assignee_id") && members !== undefined, - filterIcon: MembersPropertyIcon, + filterIcon: MembersOutline, members: members ?? [], getOptionIcon: (memberDetails) => ( getMentionFilterConfig("mention_id")({ isEnabled: isFilterEnabled("mention_id") && members !== undefined, - filterIcon: AtSign, + filterIcon: AtOutline, members: members ?? [], getOptionIcon: (memberDetails) => ( getCreatedByFilterConfig("created_by_id")({ isEnabled: isFilterEnabled("created_by_id") && members !== undefined, - filterIcon: UserCirclePropertyIcon, + filterIcon: UserOutline, members: members ?? [], getOptionIcon: (memberDetails) => ( getSubscriberFilterConfig("subscriber_id")({ isEnabled: isFilterEnabled("subscriber_id") && members !== undefined, - filterIcon: MembersPropertyIcon, + filterIcon: MembersOutline, members: members ?? [], getOptionIcon: (memberDetails) => ( getPriorityFilterConfig("priority")({ isEnabled: isFilterEnabled("priority"), - filterIcon: PriorityPropertyIcon, + filterIcon: PriorityOutline, getOptionIcon: (priority) => , ...operatorConfigs, }), @@ -311,7 +310,7 @@ export const useWorkItemFiltersConfig = (props: TUseWorkItemFiltersConfigProps): () => getStartDateFilterConfig("start_date")({ isEnabled: true, - filterIcon: StartDatePropertyIcon, + filterIcon: StartDateOutline, ...operatorConfigs, }), [operatorConfigs] @@ -322,7 +321,7 @@ export const useWorkItemFiltersConfig = (props: TUseWorkItemFiltersConfigProps): () => getTargetDateFilterConfig("target_date")({ isEnabled: true, - filterIcon: DueDatePropertyIcon, + filterIcon: DueDateOutline, ...operatorConfigs, }), [operatorConfigs] @@ -333,7 +332,7 @@ export const useWorkItemFiltersConfig = (props: TUseWorkItemFiltersConfigProps): () => getCreatedAtFilterConfig("created_at")({ isEnabled: true, - filterIcon: CalendarLayoutIcon, + filterIcon: CalendarOutline, ...operatorConfigs, }), [operatorConfigs] @@ -344,7 +343,7 @@ export const useWorkItemFiltersConfig = (props: TUseWorkItemFiltersConfigProps): () => getUpdatedAtFilterConfig("updated_at")({ isEnabled: true, - filterIcon: CalendarLayoutIcon, + filterIcon: CalendarOutline, ...operatorConfigs, }), [operatorConfigs] @@ -355,7 +354,7 @@ export const useWorkItemFiltersConfig = (props: TUseWorkItemFiltersConfigProps): () => getProjectFilterConfig("project_id")({ isEnabled: isFilterEnabled("project_id") && projects !== undefined, - filterIcon: Briefcase, + filterIcon: ProjectsOutline, projects: projects, getOptionIcon: (project) => , ...operatorConfigs, diff --git a/apps/web/core/layouts/auth-layout/workspace-wrapper.tsx b/apps/web/core/layouts/auth-layout/workspace-wrapper.tsx index ac167d232e5..c730c1ceb18 100644 --- a/apps/web/core/layouts/auth-layout/workspace-wrapper.tsx +++ b/apps/web/core/layouts/auth-layout/workspace-wrapper.tsx @@ -10,7 +10,7 @@ import Link from "next/link"; import { useParams } from "next/navigation"; import useSWR from "swr"; // ui -import { LogOut } from "lucide-react"; +import { LogOutOutline } from "@makeplane/propel/icons"; import { EUserPermissions, EUserPermissionsLevel } from "@plane/constants"; import { Button, getButtonStyling } from "@plane/propel/button"; import { PlaneLogo } from "@plane/propel/icons"; @@ -164,7 +164,7 @@ export const WorkspaceAuthWrapper = observer(function WorkspaceAuthWrapper(props onClick={handleSignOut} > - +
    diff --git a/apps/web/helpers/views.helper.ts b/apps/web/helpers/views.helper.ts index 5b91810c9bb..b4ca7ca5d97 100644 --- a/apps/web/helpers/views.helper.ts +++ b/apps/web/helpers/views.helper.ts @@ -6,14 +6,14 @@ import type { LucideIcon } from "lucide-react"; import { VIEW_ACCESS_SPECIFIERS as VIEW_ACCESS_SPECIFIERS_CONSTANTS } from "@plane/constants"; -import { GlobeIcon, LockIcon } from "@plane/propel/icons"; +import { GlobeOutline, LockOutline } from "@makeplane/propel/icons"; import type { ISvgIcons } from "@plane/propel/icons"; import { EViewAccess } from "@plane/types"; const VIEW_ACCESS_ICONS = { - [EViewAccess.PUBLIC]: GlobeIcon, - [EViewAccess.PRIVATE]: LockIcon, + [EViewAccess.PUBLIC]: GlobeOutline, + [EViewAccess.PRIVATE]: LockOutline, }; export const VIEW_ACCESS_SPECIFIERS: { From 431a83820593b4334448ab3c7700044b41d0d6f0 Mon Sep 17 00:00:00 2001 From: anmolsinghbhatia Date: Wed, 2 Sep 2026 13:40:49 +0530 Subject: [PATCH 2/2] fix: address icon migration review on web Restore the six user-facing strings the identifier rename overwrote. The migration replaced every occurrence of a source symbol name, including ones inside string literals and JSX text, so the GitHub empty state read "StarOutline us on GitHub", the exporter column key, header and button label became "DownloadOutline", the project card action title became "SettingsOutline" and a tooltip became "PinOutline". Drop 122 strokeWidth props and 10 text-2 classes. Propel glyphs paint with fill="currentColor", so strokeWidth never changed weight, and text-2 was a bad conversion of stroke-2, which is a stroke width rather than a colour and has no meaning on a fill path. Use StarFilled for the two favorited sidebar stars. Lucide's Star with fill-yellow-500 was a solid star, and StarOutline is a ring path, so filling it does not reproduce that shape. --- .../(projects)/profile/[userId]/mobile-header.tsx | 4 ++-- .../[projectId]/modules/(list)/mobile-header.tsx | 2 +- .../[projectId]/views/(list)/mobile-header.tsx | 2 +- .../(projects)/workspace-views/page.tsx | 2 +- apps/web/app/(all)/workspace-invitations/page.tsx | 2 +- .../components/analytics/work-items/modal/header.tsx | 8 ++------ .../core/components/common/applied-filters/date.tsx | 2 +- .../components/common/applied-filters/members.tsx | 2 +- .../cycles/analytics-sidebar/sidebar-header.tsx | 2 +- .../core/components/cycles/applied-filters/date.tsx | 2 +- .../core/components/cycles/applied-filters/root.tsx | 4 ++-- .../core/components/cycles/applied-filters/status.tsx | 2 +- .../core/components/cycles/dropdowns/filters/root.tsx | 4 ++-- .../cycles/list/cycle-list-project-group-header.tsx | 1 - .../core/components/cycles/list/cycles-list-item.tsx | 2 +- .../core/components/dropdowns/cycle/cycle-options.tsx | 2 +- apps/web/core/components/dropdowns/estimate.tsx | 2 +- .../core/components/dropdowns/intake-state/base.tsx | 2 +- .../components/dropdowns/member/member-options.tsx | 2 +- .../components/dropdowns/module/module-options.tsx | 2 +- apps/web/core/components/dropdowns/priority.tsx | 2 +- apps/web/core/components/dropdowns/project/base.tsx | 2 +- apps/web/core/components/dropdowns/state/base.tsx | 2 +- apps/web/core/components/exporter/column.tsx | 6 +++--- .../web/core/components/home/widgets/links/action.tsx | 2 +- .../components/inbox/content/inbox-issue-header.tsx | 8 ++++---- .../inbox/content/inbox-issue-mobile-header.tsx | 10 +++++----- .../inbox/inbox-filter/filters/filter-selection.tsx | 4 ++-- apps/web/core/components/inbox/inbox-filter/root.tsx | 2 +- .../inbox/inbox-filter/sorting/order-by.tsx | 2 +- apps/web/core/components/inbox/root.tsx | 2 +- .../issues/attachment/attachment-list-item.tsx | 2 +- apps/web/core/components/issues/header.tsx | 2 +- .../issues/issue-detail-widgets/action-buttons.tsx | 6 +++--- .../issue-detail-widgets/sub-issues/filters.tsx | 4 ++-- .../sub-issues/issues-list/list-group.tsx | 1 - .../sub-issues/issues-list/list-item.tsx | 11 +++++------ .../calendar/dropdowns/options-dropdown.tsx | 6 +++--- .../issues/issue-layouts/calendar/header.tsx | 4 ++-- .../calendar/quick-add-issue-actions.tsx | 2 +- .../issue-layouts/filters/applied-filters/cycle.tsx | 2 +- .../issue-layouts/filters/applied-filters/date.tsx | 2 +- .../issue-layouts/filters/applied-filters/label.tsx | 2 +- .../issue-layouts/filters/applied-filters/members.tsx | 2 +- .../issue-layouts/filters/applied-filters/module.tsx | 2 +- .../filters/applied-filters/priority.tsx | 2 +- .../issue-layouts/filters/applied-filters/project.tsx | 2 +- .../filters/applied-filters/state-group.tsx | 2 +- .../issue-layouts/filters/applied-filters/state.tsx | 2 +- .../filters/header/helpers/filter-option.tsx | 2 +- .../filters/header/mobile-layout-selection.tsx | 2 +- .../issue-layouts/kanban/headers/group-by-card.tsx | 10 +++------- .../kanban/headers/sub-group-by-card.tsx | 4 ++-- .../components/issues/issue-layouts/list/block.tsx | 1 - .../issue-layouts/list/headers/group-by-card.tsx | 4 ++-- .../issue-layouts/properties/all-properties.tsx | 6 +++--- .../issues/issue-layouts/quick-add/button/gantt.tsx | 2 +- .../issues/issue-layouts/quick-add/button/kanban.tsx | 2 +- .../issues/issue-layouts/quick-add/button/list.tsx | 2 +- .../issue-layouts/quick-add/button/spreadsheet.tsx | 2 +- .../issues/issue-layouts/quick-add/root.tsx | 2 +- .../issues/issue-layouts/spreadsheet/issue-row.tsx | 1 - .../components/issues/relations/issue-list-item.tsx | 8 ++++---- apps/web/core/components/issues/select/base.tsx | 2 +- .../components/modules/analytics-sidebar/root.tsx | 2 +- .../core/components/modules/applied-filters/date.tsx | 2 +- .../components/modules/applied-filters/members.tsx | 2 +- .../core/components/modules/applied-filters/root.tsx | 6 +++--- .../components/modules/applied-filters/status.tsx | 2 +- .../components/modules/dropdowns/filters/root.tsx | 4 ++-- .../core/components/modules/dropdowns/order-by.tsx | 2 +- .../web/core/components/onboarding/invite-members.tsx | 2 +- .../core/components/onboarding/steps/team/root.tsx | 2 +- .../components/pages/list/applied-filters/root.tsx | 4 ++-- .../core/components/pages/list/block-item-action.tsx | 2 +- apps/web/core/components/pages/list/filters/root.tsx | 4 ++-- .../components/project/applied-filters/access.tsx | 2 +- .../core/components/project/applied-filters/date.tsx | 2 +- .../components/project/applied-filters/members.tsx | 2 +- .../applied-filters/project-display-filters.tsx | 2 +- .../core/components/project/applied-filters/root.tsx | 4 ++-- apps/web/core/components/project/card.tsx | 2 +- .../components/project/dropdowns/filters/root.tsx | 4 ++-- .../core/components/project/dropdowns/order-by.tsx | 4 ++-- apps/web/core/components/projects/mobile-header.tsx | 2 +- .../core/components/views/applied-filters/access.tsx | 2 +- .../core/components/views/applied-filters/root.tsx | 4 ++-- .../components/views/filters/filter-selection.tsx | 4 ++-- .../sidebar/filters/applied-filter.tsx | 2 +- .../workspace/sidebar/extended-sidebar-item.tsx | 2 +- .../workspace/sidebar/favorites/favorite-folder.tsx | 4 ++-- .../common/favorite-item-quick-action.tsx | 4 ++-- .../components/workspace/views/view-list-item.tsx | 4 ++-- 93 files changed, 135 insertions(+), 148 deletions(-) diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/mobile-header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/mobile-header.tsx index e07209fae79..fa8b73dbbf3 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/mobile-header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/mobile-header.tsx @@ -92,7 +92,7 @@ export const ProfileIssuesMobileHeader = observer(function ProfileIssuesMobileHe customButton={
    {t("common.layout")} - +
    } customButtonClassName="flex flex-center text-secondary text-13" @@ -121,7 +121,7 @@ export const ProfileIssuesMobileHeader = observer(function ProfileIssuesMobileHe menuButton={
    {t("common.display")} - +
    } > diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/mobile-header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/mobile-header.tsx index 124d295b255..414579284e3 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/mobile-header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/mobile-header.tsx @@ -26,7 +26,7 @@ export const ModulesListMobileHeader = observer(function ModulesListMobileHeader // placement="bottom-start" customButton={ - Layout + Layout } customButtonClassName="flex flex-grow justify-center items-center text-secondary text-13" diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(list)/mobile-header.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(list)/mobile-header.tsx index c5cd5fcd19b..bbe4d131aad 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(list)/mobile-header.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(list)/mobile-header.tsx @@ -46,7 +46,7 @@ export const ViewMobileHeader = observer(function ViewMobileHeader() { menuButton={ Filters - + } > diff --git a/apps/web/app/(all)/[workspaceSlug]/(projects)/workspace-views/page.tsx b/apps/web/app/(all)/[workspaceSlug]/(projects)/workspace-views/page.tsx index 00ab548b5a7..eeaee139993 100644 --- a/apps/web/app/(all)/[workspaceSlug]/(projects)/workspace-views/page.tsx +++ b/apps/web/app/(all)/[workspaceSlug]/(projects)/workspace-views/page.tsx @@ -33,7 +33,7 @@ function WorkspaceViewsPage() {
    - + )} - + setFullScreen((prevData) => !prevData)} > - {fullScreen ? ( - - ) : ( - - )} + {fullScreen ? : }
    diff --git a/apps/web/core/components/common/applied-filters/date.tsx b/apps/web/core/components/common/applied-filters/date.tsx index aecac21463a..a38f0488b2b 100644 --- a/apps/web/core/components/common/applied-filters/date.tsx +++ b/apps/web/core/components/common/applied-filters/date.tsx @@ -50,7 +50,7 @@ export const AppliedDateFilters = observer(function AppliedDateFilters(props: Pr className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(date)} > - + )}
    diff --git a/apps/web/core/components/common/applied-filters/members.tsx b/apps/web/core/components/common/applied-filters/members.tsx index 96d4b4dfdec..97e0a8aa44f 100644 --- a/apps/web/core/components/common/applied-filters/members.tsx +++ b/apps/web/core/components/common/applied-filters/members.tsx @@ -48,7 +48,7 @@ export const AppliedMembersFilters = observer(function AppliedMembersFilters(pro className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(memberId)} > - + )} diff --git a/apps/web/core/components/cycles/analytics-sidebar/sidebar-header.tsx b/apps/web/core/components/cycles/analytics-sidebar/sidebar-header.tsx index dbec32ab546..634cd11721d 100644 --- a/apps/web/core/components/cycles/analytics-sidebar/sidebar-header.tsx +++ b/apps/web/core/components/cycles/analytics-sidebar/sidebar-header.tsx @@ -126,7 +126,7 @@ export const CycleSidebarHeader = observer(function CycleSidebarHeader(props: Pr className="flex size-6 flex-shrink-0 items-center justify-center rounded-full bg-layer-3 hover:bg-layer-3-hover" onClick={() => handleClose()} > - + diff --git a/apps/web/core/components/cycles/applied-filters/date.tsx b/apps/web/core/components/cycles/applied-filters/date.tsx index 564f865b088..4ffc76adccb 100644 --- a/apps/web/core/components/cycles/applied-filters/date.tsx +++ b/apps/web/core/components/cycles/applied-filters/date.tsx @@ -50,7 +50,7 @@ export const AppliedDateFilters = observer(function AppliedDateFilters(props: Pr className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(date)} > - + )} diff --git a/apps/web/core/components/cycles/applied-filters/root.tsx b/apps/web/core/components/cycles/applied-filters/root.tsx index ac7b95d1e5b..4ec777c6ef2 100644 --- a/apps/web/core/components/cycles/applied-filters/root.tsx +++ b/apps/web/core/components/cycles/applied-filters/root.tsx @@ -76,7 +76,7 @@ export const CycleAppliedFiltersList = observer(function CycleAppliedFiltersList className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemoveFilter(filterKey, null)} > - + )} @@ -89,7 +89,7 @@ export const CycleAppliedFiltersList = observer(function CycleAppliedFiltersList size="md" variant="outline" label={t("common.clear_all")} - endIcon={} + endIcon={} onClick={handleClearAllFilters} /> )} diff --git a/apps/web/core/components/cycles/applied-filters/status.tsx b/apps/web/core/components/cycles/applied-filters/status.tsx index a312d48820b..6668e7ad734 100644 --- a/apps/web/core/components/cycles/applied-filters/status.tsx +++ b/apps/web/core/components/cycles/applied-filters/status.tsx @@ -41,7 +41,7 @@ export const AppliedStatusFilters = observer(function AppliedStatusFilters(props className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(status)} > - + )} diff --git a/apps/web/core/components/cycles/dropdowns/filters/root.tsx b/apps/web/core/components/cycles/dropdowns/filters/root.tsx index e4bc287f83c..5ed41edc705 100644 --- a/apps/web/core/components/cycles/dropdowns/filters/root.tsx +++ b/apps/web/core/components/cycles/dropdowns/filters/root.tsx @@ -33,7 +33,7 @@ export const CycleFiltersSelection = observer(function CycleFiltersSelection(pro
    - + {filtersSearchQuery !== "" && ( )}
    diff --git a/apps/web/core/components/cycles/list/cycle-list-project-group-header.tsx b/apps/web/core/components/cycles/list/cycle-list-project-group-header.tsx index 181dec25e51..7720eee8a04 100644 --- a/apps/web/core/components/cycles/list/cycle-list-project-group-header.tsx +++ b/apps/web/core/components/cycles/list/cycle-list-project-group-header.tsx @@ -35,7 +35,6 @@ export const CycleListProjectGroupHeader = observer(function CycleListProjectGro className={cn("h-4 w-4 text-tertiary duration-300", { "rotate-90": isExpanded, })} - strokeWidth={2} />
    diff --git a/apps/web/core/components/cycles/list/cycles-list-item.tsx b/apps/web/core/components/cycles/list/cycles-list-item.tsx index 6e266fc5fd7..0b42e3002ee 100644 --- a/apps/web/core/components/cycles/list/cycles-list-item.tsx +++ b/apps/web/core/components/cycles/list/cycles-list-item.tsx @@ -97,7 +97,7 @@ export const CyclesListItem = observer(function CyclesListItem(props: TCyclesLis
    {progress === 100 ? ( - + ) : ( {`${progress}%`} )} diff --git a/apps/web/core/components/dropdowns/cycle/cycle-options.tsx b/apps/web/core/components/dropdowns/cycle/cycle-options.tsx index 8c0bcd3288f..a34998ffd56 100644 --- a/apps/web/core/components/dropdowns/cycle/cycle-options.tsx +++ b/apps/web/core/components/dropdowns/cycle/cycle-options.tsx @@ -133,7 +133,7 @@ export const CycleOptions = observer(function CycleOptions(props: CycleOptionsPr {...attributes.popper} >
    - +
    - +
    - +
    - +
    - +
    - +
    - +
    - + { ), }, { - key: "DownloadOutline", - content: "DownloadOutline", + key: "Download", + content: "Download", tdRender: (rowData: RowData) => checkExpiry(rowData.created_at) ? ( <> @@ -102,7 +102,7 @@ export const useExportColumns = () => { ) : ( diff --git a/apps/web/core/components/home/widgets/links/action.tsx b/apps/web/core/components/home/widgets/links/action.tsx index 744b54f93b0..1a9201e4ce1 100644 --- a/apps/web/core/components/home/widgets/links/action.tsx +++ b/apps/web/core/components/home/widgets/links/action.tsx @@ -20,7 +20,7 @@ export function AddLink(props: TProps) { onClick={onClick} >
    - +
    {t("home.quick_links.add")}
    diff --git a/apps/web/core/components/inbox/content/inbox-issue-header.tsx b/apps/web/core/components/inbox/content/inbox-issue-header.tsx index ee5e7464e9c..5531638ae9b 100644 --- a/apps/web/core/components/inbox/content/inbox-issue-header.tsx +++ b/apps/web/core/components/inbox/content/inbox-issue-header.tsx @@ -397,7 +397,7 @@ export const InboxIssueActionsHeader = observer(function InboxIssueActionsHeader } >
    - + {inboxIssue?.snoozed_till && numberOfDaysLeft && numberOfDaysLeft > 0 ? t("inbox_issue.actions.unsnooze") : t("inbox_issue.actions.snooze")} @@ -415,21 +415,21 @@ export const InboxIssueActionsHeader = observer(function InboxIssueActionsHeader } >
    - + {t("inbox_issue.actions.mark_as_duplicate")}
    )} handleCopyIssueLink(workItemLink)}>
    - + {t("inbox_issue.actions.copy")}
    {canDelete && ( setDeleteIssueModal(true)}>
    - + {t("inbox_issue.actions.delete")}
    diff --git a/apps/web/core/components/inbox/content/inbox-issue-mobile-header.tsx b/apps/web/core/components/inbox/content/inbox-issue-mobile-header.tsx index c62f74fc2db..b1e191d22b4 100644 --- a/apps/web/core/components/inbox/content/inbox-issue-mobile-header.tsx +++ b/apps/web/core/components/inbox/content/inbox-issue-mobile-header.tsx @@ -146,7 +146,7 @@ export const InboxIssueActionsMobileHeader = observer(function InboxIssueActions {isAcceptedOrDeclined && (
    - + Copy work item link
    @@ -154,7 +154,7 @@ export const InboxIssueActionsMobileHeader = observer(function InboxIssueActions {isAcceptedOrDeclined && ( router.push(workItemLink)}>
    - + Open work item
    @@ -170,7 +170,7 @@ export const InboxIssueActionsMobileHeader = observer(function InboxIssueActions } >
    - + {inboxIssue?.snoozed_till && numberOfDaysLeft && numberOfDaysLeft > 0 ? "Un-snooze" : "Snooze"}
    @@ -186,7 +186,7 @@ export const InboxIssueActionsMobileHeader = observer(function InboxIssueActions } >
    - + Mark as duplicate
    @@ -226,7 +226,7 @@ export const InboxIssueActionsMobileHeader = observer(function InboxIssueActions {canDelete && !isAcceptedOrDeclined && ( setDeleteIssueModal(true)}>
    - + Delete
    diff --git a/apps/web/core/components/inbox/inbox-filter/filters/filter-selection.tsx b/apps/web/core/components/inbox/inbox-filter/filters/filter-selection.tsx index d95f76f20b6..18c378711bd 100644 --- a/apps/web/core/components/inbox/inbox-filter/filters/filter-selection.tsx +++ b/apps/web/core/components/inbox/inbox-filter/filters/filter-selection.tsx @@ -32,7 +32,7 @@ export const InboxIssueFilterSelection = observer(function InboxIssueFilterSelec
    - + {filtersSearchQuery !== "" && ( )}
    diff --git a/apps/web/core/components/inbox/inbox-filter/root.tsx b/apps/web/core/components/inbox/inbox-filter/root.tsx index b77df57a341..5e830e3a22c 100644 --- a/apps/web/core/components/inbox/inbox-filter/root.tsx +++ b/apps/web/core/components/inbox/inbox-filter/root.tsx @@ -22,7 +22,7 @@ const largeButton = (
    Filters - +
    ); export function FiltersRoot() { diff --git a/apps/web/core/components/inbox/inbox-filter/sorting/order-by.tsx b/apps/web/core/components/inbox/inbox-filter/sorting/order-by.tsx index 2e0e00c628b..da18a8bbb6b 100644 --- a/apps/web/core/components/inbox/inbox-filter/sorting/order-by.tsx +++ b/apps/web/core/components/inbox/inbox-filter/sorting/order-by.tsx @@ -39,7 +39,7 @@ export const InboxIssueOrderByDropdown = observer(function InboxIssueOrderByDrop )} {t(orderByDetails?.i18n_label || "inbox_issue.order_by.created_at")} - +
    ); return ( diff --git a/apps/web/core/components/inbox/root.tsx b/apps/web/core/components/inbox/root.tsx index bbaec7563d0..130d19b03cc 100644 --- a/apps/web/core/components/inbox/root.tsx +++ b/apps/web/core/components/inbox/root.tsx @@ -68,7 +68,7 @@ export const InboxIssueRoot = observer(function InboxIssueRoot(props: TInboxIssu if (error && error?.status === "init-error") return (
    - +
    {error?.message}
    ); diff --git a/apps/web/core/components/issues/attachment/attachment-list-item.tsx b/apps/web/core/components/issues/attachment/attachment-list-item.tsx index 00f7ebd9f7b..870e9e5cd21 100644 --- a/apps/web/core/components/issues/attachment/attachment-list-item.tsx +++ b/apps/web/core/components/issues/attachment/attachment-list-item.tsx @@ -94,7 +94,7 @@ export const IssueAttachmentsListItem = observer(function IssueAttachmentsListIt }} >
    - + {t("common.actions.delete")}
    diff --git a/apps/web/core/components/issues/header.tsx b/apps/web/core/components/issues/header.tsx index ce4cb800732..dcd86d300ee 100644 --- a/apps/web/core/components/issues/header.tsx +++ b/apps/web/core/components/issues/header.tsx @@ -98,7 +98,7 @@ export const IssuesHeader = observer(function IssuesHeader() { > {t("workspace_projects.network.public.title")} - + ) : ( <> diff --git a/apps/web/core/components/issues/issue-detail-widgets/action-buttons.tsx b/apps/web/core/components/issues/issue-detail-widgets/action-buttons.tsx index 0f4c48cb11d..38bea85d80b 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/action-buttons.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/action-buttons.tsx @@ -38,7 +38,7 @@ export function IssueDetailWidgetActionButtons(props: Props) { customButton={ } + icon={} disabled={disabled} /> } @@ -65,7 +65,7 @@ export function IssueDetailWidgetActionButtons(props: Props) { customButton={ } + icon={} disabled={disabled} /> } @@ -81,7 +81,7 @@ export function IssueDetailWidgetActionButtons(props: Props) { customButton={ } + icon={} disabled={disabled} /> } diff --git a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/filters.tsx b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/filters.tsx index aa38dfb13d1..4f9a681b8d7 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/filters.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/filters.tsx @@ -59,7 +59,7 @@ export const SubIssueFilters = observer(function SubIssueFilters(props: TSubIssu
    - + {filtersSearchQuery !== "" && ( )}
    diff --git a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-group.tsx b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-group.tsx index da0db68e2a6..65cd542e658 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-group.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-group.tsx @@ -69,7 +69,6 @@ export const SubIssuesListGroup = observer(function SubIssuesListGroup(props: TS className={cn("size-3.5 text-placeholder transition-all", { "rotate-90": isCollapsibleOpen, })} - strokeWidth={2.5} />
    {group.icon ?? } diff --git a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-item.tsx b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-item.tsx index ffdac0d822b..b62b56af7a7 100644 --- a/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-item.tsx +++ b/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-item.tsx @@ -121,7 +121,7 @@ export const SubIssuesListItem = observer(function SubIssuesListItem(props: Prop <> {subIssueHelpers.preview_loader.includes(issue.id) ? (
    - +
    ) : (
    )} @@ -197,7 +196,7 @@ export const SubIssuesListItem = observer(function SubIssuesListItem(props: Prop }} >
    - + {t("issue.edit")}
    @@ -209,7 +208,7 @@ export const SubIssuesListItem = observer(function SubIssuesListItem(props: Prop }} >
    - + {t("issue.copy_link")}
    @@ -222,7 +221,7 @@ export const SubIssuesListItem = observer(function SubIssuesListItem(props: Prop }} >
    - + {issueServiceType === EIssueServiceType.ISSUES ? t("issue.remove.parent.label") : t("issue.remove.label")} @@ -238,7 +237,7 @@ export const SubIssuesListItem = observer(function SubIssuesListItem(props: Prop }} >
    - + {t("issue.delete.label")}
    diff --git a/apps/web/core/components/issues/issue-layouts/calendar/dropdowns/options-dropdown.tsx b/apps/web/core/components/issues/issue-layouts/calendar/dropdowns/options-dropdown.tsx index 66670a71af4..5c730330ae7 100644 --- a/apps/web/core/components/issues/issue-layouts/calendar/dropdowns/options-dropdown.tsx +++ b/apps/web/core/components/issues/issue-layouts/calendar/dropdowns/options-dropdown.tsx @@ -111,11 +111,11 @@ export const CalendarOptionsDropdown = observer(function CalendarOptionsDropdown
    - +
    - +
    @@ -144,7 +144,7 @@ export const CalendarOptionsDropdown = observer(function CalendarOptionsDropdown onClick={() => handleLayoutChange(layoutDetails.key, closePopover)} > {layoutDetails.title} - {calendarLayout === layout && } + {calendarLayout === layout && } ))}
    diff --git a/apps/web/core/components/issues/issue-layouts/calendar/quick-add-issue-actions.tsx b/apps/web/core/components/issues/issue-layouts/calendar/quick-add-issue-actions.tsx index 24832a84bf9..20b4eecccbc 100644 --- a/apps/web/core/components/issues/issue-layouts/calendar/quick-add-issue-actions.tsx +++ b/apps/web/core/components/issues/issue-layouts/calendar/quick-add-issue-actions.tsx @@ -125,7 +125,7 @@ export const CalendarQuickAddIssueActions = observer(function CalendarQuickAddIs customButtonClassName="w-full" customButton={
    - + {isEpic ? t("epic.add.label") : t("issue.add.label")} diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/cycle.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/cycle.tsx index 58fde97bef4..5ee18b05488 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/cycle.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/cycle.tsx @@ -43,7 +43,7 @@ export const AppliedCycleFilters = observer(function AppliedCycleFilters(props: className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(cycleId)} > - + )}
    diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/date.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/date.tsx index c57933c227a..e8cad0eb32e 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/date.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/date.tsx @@ -49,7 +49,7 @@ export const AppliedDateFilters = observer(function AppliedDateFilters(props: Pr className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(date)} > - +
    ))} diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/label.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/label.tsx index ebf6f614545..bd11e47e5d6 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/label.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/label.tsx @@ -43,7 +43,7 @@ export const AppliedLabelsFilters = observer(function AppliedLabelsFilters(props className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(labelId)} > - + )}
    diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/members.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/members.tsx index 8d15fac923a..73a53ca670e 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/members.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/members.tsx @@ -47,7 +47,7 @@ export const AppliedMembersFilters = observer(function AppliedMembersFilters(pro className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(memberId)} > - + )}
    diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/module.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/module.tsx index abda79eb209..e142846a26c 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/module.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/module.tsx @@ -38,7 +38,7 @@ export const AppliedModuleFilters = observer(function AppliedModuleFilters(props className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(moduleId)} > - + )}
    diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/priority.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/priority.tsx index ba6440f38d2..7f9f11306ba 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/priority.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/priority.tsx @@ -33,7 +33,7 @@ export const AppliedPriorityFilters = observer(function AppliedPriorityFilters(p className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(priority)} > - + )}
    diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/project.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/project.tsx index 0c282c06db1..0baaccd76f3 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/project.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/project.tsx @@ -40,7 +40,7 @@ export const AppliedProjectFilters = observer(function AppliedProjectFilters(pro className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(projectId)} > - + )}
    diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state-group.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state-group.tsx index 4cc1655035c..9abdf66cb44 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state-group.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state-group.tsx @@ -31,7 +31,7 @@ export const AppliedStateGroupFilters = observer(function AppliedStateGroupFilte className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(stateGroup)} > - +
    ))} diff --git a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state.tsx b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state.tsx index 2e74fa5b519..5b04e9b6e8b 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/applied-filters/state.tsx @@ -44,7 +44,7 @@ export const AppliedStateFilters = observer(function AppliedStateFilters(props: className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(stateId)} > - + )}
    diff --git a/apps/web/core/components/issues/issue-layouts/filters/header/helpers/filter-option.tsx b/apps/web/core/components/issues/issue-layouts/filters/header/helpers/filter-option.tsx index 76e631c6231..ace90e5e1dc 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/header/helpers/filter-option.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/header/helpers/filter-option.tsx @@ -29,7 +29,7 @@ export function FilterOption(props: Props) { isChecked ? "border-accent-strong bg-accent-primary text-on-color" : "border-strong" } ${multiple ? "rounded-xs" : "rounded-full"}`} > - {isChecked && } + {isChecked && }
    {icon &&
    {icon}
    } diff --git a/apps/web/core/components/issues/issue-layouts/filters/header/mobile-layout-selection.tsx b/apps/web/core/components/issues/issue-layouts/filters/header/mobile-layout-selection.tsx index 03c3b4fe367..f4b1d338f5e 100644 --- a/apps/web/core/components/issues/issue-layouts/filters/header/mobile-layout-selection.tsx +++ b/apps/web/core/components/issues/issue-layouts/filters/header/mobile-layout-selection.tsx @@ -33,7 +33,7 @@ export function MobileLayoutSelection({ {activeLayout && ( )} - + } customButtonClassName="flex flex-grow justify-center text-secondary text-13" diff --git a/apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx b/apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx index 9c1f05063b2..c3ce5841a87 100644 --- a/apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx +++ b/apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx @@ -140,11 +140,7 @@ export const HeaderGroupByCard = observer(function HeaderGroupByCard(props: IHea className="flex h-[20px] w-[20px] flex-shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-sm bg-layer-transparent transition-all hover:bg-layer-transparent-hover" onClick={() => handleCollapsedGroups("group_by", column_id)} > - {verticalAlignPosition ? ( - - ) : ( - - )} + {verticalAlignPosition ? : } )} @@ -153,7 +149,7 @@ export const HeaderGroupByCard = observer(function HeaderGroupByCard(props: IHea - + } placement="bottom-end" @@ -180,7 +176,7 @@ export const HeaderGroupByCard = observer(function HeaderGroupByCard(props: IHea setIsOpen(true); }} > - + ))}
    diff --git a/apps/web/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx b/apps/web/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx index f7aa23faeea..fdfcc2b6d14 100644 --- a/apps/web/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx +++ b/apps/web/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx @@ -31,9 +31,9 @@ export const HeaderSubGroupByCard = observer(function HeaderSubGroupByCard(props >
    {collapsedGroups?.sub_group_by.includes(column_id) ? ( - + ) : ( - + )}
    diff --git a/apps/web/core/components/issues/issue-layouts/list/block.tsx b/apps/web/core/components/issues/issue-layouts/list/block.tsx index c146e98658f..976d6d41c1d 100644 --- a/apps/web/core/components/issues/issue-layouts/list/block.tsx +++ b/apps/web/core/components/issues/issue-layouts/list/block.tsx @@ -254,7 +254,6 @@ export const IssueBlock = observer(function IssueBlock(props: IssueBlockProps) { className={cn("size-4", { "rotate-90": isExpanded, })} - strokeWidth={2.5} /> )} diff --git a/apps/web/core/components/issues/issue-layouts/list/headers/group-by-card.tsx b/apps/web/core/components/issues/issue-layouts/list/headers/group-by-card.tsx index 5e131560b5a..2e004431b23 100644 --- a/apps/web/core/components/issues/issue-layouts/list/headers/group-by-card.tsx +++ b/apps/web/core/components/issues/issue-layouts/list/headers/group-by-card.tsx @@ -125,7 +125,7 @@ export const HeaderGroupByCard = observer(function HeaderGroupByCard(props: IHea - + } > @@ -152,7 +152,7 @@ export const HeaderGroupByCard = observer(function HeaderGroupByCard(props: IHea setIsOpen(true); }} > - +
    ))} diff --git a/apps/web/core/components/issues/issue-layouts/properties/all-properties.tsx b/apps/web/core/components/issues/issue-layouts/properties/all-properties.tsx index 84b79d458f5..6ce4eb1d39a 100644 --- a/apps/web/core/components/issues/issue-layouts/properties/all-properties.tsx +++ b/apps/web/core/components/issues/issue-layouts/properties/all-properties.tsx @@ -425,7 +425,7 @@ export const IssueProperties = observer(function IssueProperties(props: IIssuePr } )} > - +
    {subIssueCount}
    @@ -445,7 +445,7 @@ export const IssueProperties = observer(function IssueProperties(props: IIssuePr onFocus={handleEventPropagation} onClick={handleEventPropagation} > - +
    {issue.attachment_count}
    @@ -464,7 +464,7 @@ export const IssueProperties = observer(function IssueProperties(props: IIssuePr onFocus={handleEventPropagation} onClick={handleEventPropagation} > - +
    {issue.link_count}
    diff --git a/apps/web/core/components/issues/issue-layouts/quick-add/button/gantt.tsx b/apps/web/core/components/issues/issue-layouts/quick-add/button/gantt.tsx index f555fe8ca8c..6645e3514ac 100644 --- a/apps/web/core/components/issues/issue-layouts/quick-add/button/gantt.tsx +++ b/apps/web/core/components/issues/issue-layouts/quick-add/button/gantt.tsx @@ -21,7 +21,7 @@ export const GanttQuickAddIssueButton = observer(function GanttQuickAddIssueButt onClick={onClick} > - + {t(`${isEpic ? "epic.new" : "issue.new"}`)} diff --git a/apps/web/core/components/issues/issue-layouts/quick-add/button/kanban.tsx b/apps/web/core/components/issues/issue-layouts/quick-add/button/kanban.tsx index 4f00aed6ea1..20e5909aac6 100644 --- a/apps/web/core/components/issues/issue-layouts/quick-add/button/kanban.tsx +++ b/apps/web/core/components/issues/issue-layouts/quick-add/button/kanban.tsx @@ -18,7 +18,7 @@ export const KanbanQuickAddIssueButton = observer(function KanbanQuickAddIssueBu className="flex w-full cursor-pointer items-center gap-2 rounded-lg bg-layer-transparent px-2 py-1 py-1.5 hover:bg-layer-transparent-hover" onClick={onClick} > - + {isEpic ? t("epic.new") : t("issue.new")}
    ); diff --git a/apps/web/core/components/issues/issue-layouts/quick-add/button/list.tsx b/apps/web/core/components/issues/issue-layouts/quick-add/button/list.tsx index 36dc8824b2a..51826e72fa5 100644 --- a/apps/web/core/components/issues/issue-layouts/quick-add/button/list.tsx +++ b/apps/web/core/components/issues/issue-layouts/quick-add/button/list.tsx @@ -19,7 +19,7 @@ export const ListQuickAddIssueButton = observer(function ListQuickAddIssueButton className="flex w-full cursor-pointer items-center gap-2 bg-layer-transparent py-3 hover:bg-layer-transparent-hover" onClick={onClick} > - + {isEpic ? t("epic.new") : t("issue.new")} ); diff --git a/apps/web/core/components/issues/issue-layouts/quick-add/button/spreadsheet.tsx b/apps/web/core/components/issues/issue-layouts/quick-add/button/spreadsheet.tsx index 73b055ee7ff..74432604d91 100644 --- a/apps/web/core/components/issues/issue-layouts/quick-add/button/spreadsheet.tsx +++ b/apps/web/core/components/issues/issue-layouts/quick-add/button/spreadsheet.tsx @@ -20,7 +20,7 @@ export const SpreadsheetAddIssueButton = observer(function SpreadsheetAddIssueBu className="flex w-full items-center gap-x-[6px] bg-layer-transparent px-2 py-2 transition-colors hover:bg-layer-transparent-hover" onClick={onClick} > - + {isEpic ? t("epic.add.label") : t("issue.add.label")}
    diff --git a/apps/web/core/components/issues/issue-layouts/quick-add/root.tsx b/apps/web/core/components/issues/issue-layouts/quick-add/root.tsx index 1e5a65bdc87..fb991a2a719 100644 --- a/apps/web/core/components/issues/issue-layouts/quick-add/root.tsx +++ b/apps/web/core/components/issues/issue-layouts/quick-add/root.tsx @@ -167,7 +167,7 @@ export const QuickAddIssueRoot = observer(function QuickAddIssueRoot(props: TQui className="flex w-full cursor-pointer items-center gap-2 bg-layer-transparent px-2 py-3 hover:bg-layer-transparent-hover" onClick={() => handleIsOpen(true)} > - + {t(`${isEpic ? "epic.new" : "issue.new"}`)} )} diff --git a/apps/web/core/components/issues/issue-layouts/spreadsheet/issue-row.tsx b/apps/web/core/components/issues/issue-layouts/spreadsheet/issue-row.tsx index 67e875ad34e..7adaa6295b8 100644 --- a/apps/web/core/components/issues/issue-layouts/spreadsheet/issue-row.tsx +++ b/apps/web/core/components/issues/issue-layouts/spreadsheet/issue-row.tsx @@ -343,7 +343,6 @@ const IssueRowDetails = observer(function IssueRowDetails(props: IssueRowDetails className={cn("size-4", { "rotate-90": isExpanded, })} - strokeWidth={2.5} /> )} diff --git a/apps/web/core/components/issues/relations/issue-list-item.tsx b/apps/web/core/components/issues/relations/issue-list-item.tsx index ade8f7d8a2e..58db2db88b2 100644 --- a/apps/web/core/components/issues/relations/issue-list-item.tsx +++ b/apps/web/core/components/issues/relations/issue-list-item.tsx @@ -168,7 +168,7 @@ export const RelationIssueListItem = observer(function RelationIssueListItem(pro {!disabled && (
    - + {t("common.actions.edit")}
    @@ -176,7 +176,7 @@ export const RelationIssueListItem = observer(function RelationIssueListItem(pro
    - + {t("common.actions.copy_link")}
    @@ -184,7 +184,7 @@ export const RelationIssueListItem = observer(function RelationIssueListItem(pro {!disabled && (
    - + {t("common.actions.remove_relation")}
    @@ -193,7 +193,7 @@ export const RelationIssueListItem = observer(function RelationIssueListItem(pro {!disabled && (
    - + {t("common.actions.delete")}
    diff --git a/apps/web/core/components/issues/select/base.tsx b/apps/web/core/components/issues/select/base.tsx index 24507edaad1..be202f197ff 100644 --- a/apps/web/core/components/issues/select/base.tsx +++ b/apps/web/core/components/issues/select/base.tsx @@ -198,7 +198,7 @@ export const WorkItemLabelSelectBase = observer(function WorkItemLabelSelectBase {...attributes.popper} >
    - + handleClose()} > - +
    diff --git a/apps/web/core/components/modules/applied-filters/date.tsx b/apps/web/core/components/modules/applied-filters/date.tsx index 33f9699204c..221a543bd29 100644 --- a/apps/web/core/components/modules/applied-filters/date.tsx +++ b/apps/web/core/components/modules/applied-filters/date.tsx @@ -51,7 +51,7 @@ export const AppliedDateFilters = observer(function AppliedDateFilters(props: Pr className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(date)} > - + )} diff --git a/apps/web/core/components/modules/applied-filters/members.tsx b/apps/web/core/components/modules/applied-filters/members.tsx index 94ba7ca0062..ad001cc489c 100644 --- a/apps/web/core/components/modules/applied-filters/members.tsx +++ b/apps/web/core/components/modules/applied-filters/members.tsx @@ -47,7 +47,7 @@ export const AppliedMembersFilters = observer(function AppliedMembersFilters(pro className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(memberId)} > - + )} diff --git a/apps/web/core/components/modules/applied-filters/root.tsx b/apps/web/core/components/modules/applied-filters/root.tsx index 8062c5d743d..e2db827ad32 100644 --- a/apps/web/core/components/modules/applied-filters/root.tsx +++ b/apps/web/core/components/modules/applied-filters/root.tsx @@ -88,7 +88,7 @@ export function ModuleAppliedFiltersList(props: Props) { className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemoveFilter(filterKey, null)} > - + )} @@ -115,7 +115,7 @@ export function ModuleAppliedFiltersList(props: Props) { }) } > - + )} @@ -128,7 +128,7 @@ export function ModuleAppliedFiltersList(props: Props) { size="md" variant="outline" label={t("common.clear_all")} - endIcon={} + endIcon={} onClick={handleClearAllFilters} /> )} diff --git a/apps/web/core/components/modules/applied-filters/status.tsx b/apps/web/core/components/modules/applied-filters/status.tsx index ee2307c07ce..7fdfa710e51 100644 --- a/apps/web/core/components/modules/applied-filters/status.tsx +++ b/apps/web/core/components/modules/applied-filters/status.tsx @@ -38,7 +38,7 @@ export const AppliedStatusFilters = observer(function AppliedStatusFilters(props className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(status)} > - + )} diff --git a/apps/web/core/components/modules/dropdowns/filters/root.tsx b/apps/web/core/components/modules/dropdowns/filters/root.tsx index 13b85453467..857ea730028 100644 --- a/apps/web/core/components/modules/dropdowns/filters/root.tsx +++ b/apps/web/core/components/modules/dropdowns/filters/root.tsx @@ -43,7 +43,7 @@ export const ModuleFiltersSelection = observer(function ModuleFiltersSelection(p
    - + {filtersSearchQuery !== "" && ( )}
    diff --git a/apps/web/core/components/modules/dropdowns/order-by.tsx b/apps/web/core/components/modules/dropdowns/order-by.tsx index a2b0671561c..cc64d76f25b 100644 --- a/apps/web/core/components/modules/dropdowns/order-by.tsx +++ b/apps/web/core/components/modules/dropdowns/order-by.tsx @@ -37,7 +37,7 @@ export function ModuleOrderByDropdown(props: Props) {
    {!isDescending ? : } {orderByDetails && t(orderByDetails?.i18n_label)} - +
    } placement="bottom-end" diff --git a/apps/web/core/components/onboarding/invite-members.tsx b/apps/web/core/components/onboarding/invite-members.tsx index 53e680eee6e..e83e5606a1a 100644 --- a/apps/web/core/components/onboarding/invite-members.tsx +++ b/apps/web/core/components/onboarding/invite-members.tsx @@ -382,7 +382,7 @@ export function InviteMembers(props: Props) { className="mx-8 flex items-center gap-1.5 bg-transparent text-13 font-medium text-accent-primary outline-accent-strong" onClick={appendField} > - + Add another
    diff --git a/apps/web/core/components/onboarding/steps/team/root.tsx b/apps/web/core/components/onboarding/steps/team/root.tsx index c191dd77bee..77b08093e0c 100644 --- a/apps/web/core/components/onboarding/steps/team/root.tsx +++ b/apps/web/core/components/onboarding/steps/team/root.tsx @@ -377,7 +377,7 @@ export const InviteTeamStep = observer(function InviteTeamStep(props: Props) { className="mx-8 flex items-center gap-1.5 bg-transparent text-13 font-medium text-accent-primary outline-accent-strong" onClick={appendField} > - + Add another
    diff --git a/apps/web/core/components/pages/list/applied-filters/root.tsx b/apps/web/core/components/pages/list/applied-filters/root.tsx index cbe8c77e2da..62a1609ca87 100644 --- a/apps/web/core/components/pages/list/applied-filters/root.tsx +++ b/apps/web/core/components/pages/list/applied-filters/root.tsx @@ -68,7 +68,7 @@ export function PageAppliedFiltersList(props: Props) { className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemoveFilter(filterKey, null)} > - + )} @@ -81,7 +81,7 @@ export function PageAppliedFiltersList(props: Props) { size="md" variant="outline" label={t("common.clear_all")} - endIcon={} + endIcon={} onClick={handleClearAllFilters} /> )} diff --git a/apps/web/core/components/pages/list/block-item-action.tsx b/apps/web/core/components/pages/list/block-item-action.tsx index 6ce618146b4..5de1af132b2 100644 --- a/apps/web/core/components/pages/list/block-item-action.tsx +++ b/apps/web/core/components/pages/list/block-item-action.tsx @@ -58,7 +58,7 @@ export const BlockItemAction = observer(function BlockItemAction(props: Props) { {/* vertical divider */} - + {/* page info */} diff --git a/apps/web/core/components/pages/list/filters/root.tsx b/apps/web/core/components/pages/list/filters/root.tsx index 41395102040..f42ec93ee92 100644 --- a/apps/web/core/components/pages/list/filters/root.tsx +++ b/apps/web/core/components/pages/list/filters/root.tsx @@ -60,7 +60,7 @@ export const PageFiltersSelection = observer(function PageFiltersSelection(props
    - + {filtersSearchQuery !== "" && ( )}
    diff --git a/apps/web/core/components/project/applied-filters/access.tsx b/apps/web/core/components/project/applied-filters/access.tsx index 946a5cea700..ddeccb3b5e7 100644 --- a/apps/web/core/components/project/applied-filters/access.tsx +++ b/apps/web/core/components/project/applied-filters/access.tsx @@ -33,7 +33,7 @@ export const AppliedAccessFilters = observer(function AppliedAccessFilters(props className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(status)} > - + )}
    diff --git a/apps/web/core/components/project/applied-filters/date.tsx b/apps/web/core/components/project/applied-filters/date.tsx index f9693fd4322..15acbf2cb40 100644 --- a/apps/web/core/components/project/applied-filters/date.tsx +++ b/apps/web/core/components/project/applied-filters/date.tsx @@ -50,7 +50,7 @@ export const AppliedDateFilters = observer(function AppliedDateFilters(props: Pr className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(date)} > - + )}
    diff --git a/apps/web/core/components/project/applied-filters/members.tsx b/apps/web/core/components/project/applied-filters/members.tsx index 0643a333f57..c5e356de65b 100644 --- a/apps/web/core/components/project/applied-filters/members.tsx +++ b/apps/web/core/components/project/applied-filters/members.tsx @@ -47,7 +47,7 @@ export const AppliedMembersFilters = observer(function AppliedMembersFilters(pro className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(memberId)} > - + )} diff --git a/apps/web/core/components/project/applied-filters/project-display-filters.tsx b/apps/web/core/components/project/applied-filters/project-display-filters.tsx index ca2a32d7d06..70c30262577 100644 --- a/apps/web/core/components/project/applied-filters/project-display-filters.tsx +++ b/apps/web/core/components/project/applied-filters/project-display-filters.tsx @@ -36,7 +36,7 @@ export const AppliedProjectDisplayFilters = observer(function AppliedProjectDisp className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(key)} > - + )} diff --git a/apps/web/core/components/project/applied-filters/root.tsx b/apps/web/core/components/project/applied-filters/root.tsx index fd577af480d..330058e08aa 100644 --- a/apps/web/core/components/project/applied-filters/root.tsx +++ b/apps/web/core/components/project/applied-filters/root.tsx @@ -93,7 +93,7 @@ export function ProjectAppliedFiltersList(props: Props) { className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemoveFilter(filterKey, null)} > - + )} @@ -119,7 +119,7 @@ export function ProjectAppliedFiltersList(props: Props) { size="md" variant="outline" label={t("common.clear_all")} - endIcon={} + endIcon={} onClick={handleClearAllFilters} /> )} diff --git a/apps/web/core/components/project/card.tsx b/apps/web/core/components/project/card.tsx index 67df2d121e7..45dbcb1ae86 100644 --- a/apps/web/core/components/project/card.tsx +++ b/apps/web/core/components/project/card.tsx @@ -136,7 +136,7 @@ export const ProjectCard = observer(function ProjectCard(props: Props) { { key: "settings", action: () => router.push(`/${workspaceSlug}/settings/projects/${project.id}`), - title: "SettingsOutline", + title: "Settings", icon: SettingsOutline, shouldRender: !isArchived && (hasAdminRole || hasMemberRole), }, diff --git a/apps/web/core/components/project/dropdowns/filters/root.tsx b/apps/web/core/components/project/dropdowns/filters/root.tsx index 36bab812396..858dac61876 100644 --- a/apps/web/core/components/project/dropdowns/filters/root.tsx +++ b/apps/web/core/components/project/dropdowns/filters/root.tsx @@ -38,7 +38,7 @@ export const ProjectFiltersSelection = observer(function ProjectFiltersSelection
    - + {filtersSearchQuery !== "" && ( )}
    diff --git a/apps/web/core/components/project/dropdowns/order-by.tsx b/apps/web/core/components/project/dropdowns/order-by.tsx index 31d896d45af..1a363d1230c 100644 --- a/apps/web/core/components/project/dropdowns/order-by.tsx +++ b/apps/web/core/components/project/dropdowns/order-by.tsx @@ -36,12 +36,12 @@ export function ProjectOrderByDropdown(props: Props) { <> {isMobile ? (
    - + {orderByDetails && t(orderByDetails?.i18n_label)}
    ) : (
    - + {orderByDetails && t(orderByDetails?.i18n_label)}
    )} diff --git a/apps/web/core/components/projects/mobile-header.tsx b/apps/web/core/components/projects/mobile-header.tsx index d836cd6d9d2..175f9cd0d3d 100644 --- a/apps/web/core/components/projects/mobile-header.tsx +++ b/apps/web/core/components/projects/mobile-header.tsx @@ -77,7 +77,7 @@ export const ProjectsListMobileHeader = observer(function ProjectsListMobileHead
    {t("common.filters")} - +
    } isFiltersApplied={isFiltersApplied} diff --git a/apps/web/core/components/views/applied-filters/access.tsx b/apps/web/core/components/views/applied-filters/access.tsx index a434a78ce2b..a880baa63d5 100644 --- a/apps/web/core/components/views/applied-filters/access.tsx +++ b/apps/web/core/components/views/applied-filters/access.tsx @@ -44,7 +44,7 @@ export const AppliedAccessFilters = observer(function AppliedAccessFilters(props className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemove(access)} > - + )}
    diff --git a/apps/web/core/components/views/applied-filters/root.tsx b/apps/web/core/components/views/applied-filters/root.tsx index e6fbf03b23d..2f58af48243 100644 --- a/apps/web/core/components/views/applied-filters/root.tsx +++ b/apps/web/core/components/views/applied-filters/root.tsx @@ -77,7 +77,7 @@ export function ViewAppliedFiltersList(props: Props) { className="grid place-items-center text-tertiary hover:text-secondary" onClick={() => handleRemoveFilter(filterKey, null)} > - + )}
    @@ -89,7 +89,7 @@ export function ViewAppliedFiltersList(props: Props) { size="md" variant="outline" label={t("common.clear_all")} - endIcon={} + endIcon={} onClick={handleClearAllFilters} /> )} diff --git a/apps/web/core/components/views/filters/filter-selection.tsx b/apps/web/core/components/views/filters/filter-selection.tsx index bda29eb3384..ed08adf7065 100644 --- a/apps/web/core/components/views/filters/filter-selection.tsx +++ b/apps/web/core/components/views/filters/filter-selection.tsx @@ -58,7 +58,7 @@ export const ViewFiltersSelection = observer(function ViewFiltersSelection(props
    - + {filtersSearchQuery !== "" && ( )}
    diff --git a/apps/web/core/components/workspace-notifications/sidebar/filters/applied-filter.tsx b/apps/web/core/components/workspace-notifications/sidebar/filters/applied-filter.tsx index cf8e9b49726..71198f63715 100644 --- a/apps/web/core/components/workspace-notifications/sidebar/filters/applied-filter.tsx +++ b/apps/web/core/components/workspace-notifications/sidebar/filters/applied-filter.tsx @@ -64,7 +64,7 @@ export const AppliedFilters = observer(function AppliedFilters(props: TAppliedFi size="md" variant="outline" label={t("common.clear_all")} - endIcon={} + endIcon={} onClick={handleClearFilters} /> diff --git a/apps/web/core/components/workspace/sidebar/extended-sidebar-item.tsx b/apps/web/core/components/workspace/sidebar/extended-sidebar-item.tsx index 2ea84f14722..952c651af61 100644 --- a/apps/web/core/components/workspace/sidebar/extended-sidebar-item.tsx +++ b/apps/web/core/components/workspace/sidebar/extended-sidebar-item.tsx @@ -209,7 +209,7 @@ export const ExtendedSidebarItem = observer(function ExtendedSidebarItem(props: /> ) : ( - + pinNavigationItem(item.key)} diff --git a/apps/web/core/components/workspace/sidebar/favorites/favorite-folder.tsx b/apps/web/core/components/workspace/sidebar/favorites/favorite-folder.tsx index 47d315e5ce3..d87cb4f696b 100644 --- a/apps/web/core/components/workspace/sidebar/favorites/favorite-folder.tsx +++ b/apps/web/core/components/workspace/sidebar/favorites/favorite-folder.tsx @@ -24,7 +24,7 @@ import { DraftsOutline, DragDropOutline, MoreHorizontalOutline, - StarOutline, + StarFilled, } from "@makeplane/propel/icons"; import { Disclosure, Transition } from "@headlessui/react"; // plane imports @@ -233,7 +233,7 @@ export function FavoriteFolder(props: Props) { > handleRemoveFromFavorites(favorite)}> - + Remove from favorites diff --git a/apps/web/core/components/workspace/sidebar/favorites/favorite-items/common/favorite-item-quick-action.tsx b/apps/web/core/components/workspace/sidebar/favorites/favorite-items/common/favorite-item-quick-action.tsx index 71e062824ce..75dd830d5f7 100644 --- a/apps/web/core/components/workspace/sidebar/favorites/favorite-items/common/favorite-item-quick-action.tsx +++ b/apps/web/core/components/workspace/sidebar/favorites/favorite-items/common/favorite-item-quick-action.tsx @@ -6,7 +6,7 @@ import React from "react"; import { observer } from "mobx-react"; -import { MoreHorizontalOutline, StarOutline } from "@makeplane/propel/icons"; +import { MoreHorizontalOutline, StarFilled } from "@makeplane/propel/icons"; // plane imports import { useTranslation } from "@plane/i18n"; import type { IFavorite } from "@plane/types"; @@ -47,7 +47,7 @@ export const FavoriteItemQuickAction = observer(function FavoriteItemQuickAction > handleRemoveFromFavorites(favorite)}> - + Remove from favorites diff --git a/apps/web/core/components/workspace/views/view-list-item.tsx b/apps/web/core/components/workspace/views/view-list-item.tsx index a81c4e859b4..f30956a31df 100644 --- a/apps/web/core/components/workspace/views/view-list-item.tsx +++ b/apps/web/core/components/workspace/views/view-list-item.tsx @@ -57,7 +57,7 @@ export const GlobalViewListItem = observer(function GlobalViewListItem(props: Pr }} > - + Edit View @@ -67,7 +67,7 @@ export const GlobalViewListItem = observer(function GlobalViewListItem(props: Pr }} > - + Delete View