Skip to content

Commit 0e81285

Browse files
anmolsinghbhatiaanmolsinghbhatia
authored
[WEB-5191 | WEB-5197] chore: actions and arrows icon revamp (#7984)
1 parent 350107d commit 0e81285

File tree

199 files changed

+700
-539
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

199 files changed

+700
-539
lines changed

‎.gitignore‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -103,5 +103,4 @@ storybook-static
103103

104104
CLAUDE.md
105105
AGENTS.md
106-
107106
temp/

‎apps/admin/app/(all)/(home)/auth-banner.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
import type { FC } from "react";
2-
import { Info, X } from "lucide-react";
2+
import { Info } from "lucide-react";
33
// plane constants
44
import type { TAdminAuthErrorInfo } from "@plane/constants";
5+
// icons
6+
import { CloseIcon } from "@plane/propel/icons";
57

68
type TAuthBanner = {
79
bannerData: TAdminAuthErrorInfo | undefined;
@@ -22,7 +24,7 @@ export const AuthBanner: FC<TAuthBanner> = (props) => {
2224
className="relative ml-auto w-6 h-6 rounded-sm flex justify-center items-center transition-all cursor-pointer hover:bg-custom-primary-100/20 text-custom-primary-100/80"
2325
onClick={() => handleBannerData && handleBannerData(undefined)}
2426
>
25-
<X className="w-4 h-4 flex-shrink-0" />
27+
<CloseIcon className="w-4 h-4 flex-shrink-0" />
2628
</div>
2729
</div>
2830
);

‎apps/space/core/components/account/auth-forms/auth-banner.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
"use client";
22

33
import type { FC } from "react";
4-
import { Info, X } from "lucide-react";
4+
import { Info } from "lucide-react";
5+
import { CloseIcon } from "@plane/propel/icons";
56
// helpers
67
import type { TAuthErrorInfo } from "@/helpers/authentication.helper";
78

@@ -24,7 +25,7 @@ export const AuthBanner: FC<TAuthBanner> = (props) => {
2425
className="relative ml-auto w-6 h-6 rounded-sm flex justify-center items-center transition-all cursor-pointer hover:bg-custom-primary-100/20 text-custom-primary-100/80"
2526
onClick={() => handleBannerData && handleBannerData(undefined)}
2627
>
27-
<X className="w-4 h-4 flex-shrink-0" />
28+
<CloseIcon className="w-4 h-4 flex-shrink-0" />
2829
</div>
2930
</div>
3031
);

‎apps/space/core/components/issues/filters/applied-filters/filters-list.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
"use client";
22

33
import { observer } from "mobx-react";
4-
import { X } from "lucide-react";
5-
// types
64
import { useTranslation } from "@plane/i18n";
5+
import { CloseIcon } from "@plane/propel/icons";
6+
// types
77
import type { TFilters } from "@/types/issue";
88
// components
99
import { AppliedPriorityFilters } from "./priority";
@@ -55,7 +55,7 @@ export const AppliedFiltersList: React.FC<Props> = observer((props) => {
5555
className="grid place-items-center text-custom-text-300 hover:text-custom-text-200"
5656
onClick={() => handleRemoveFilter(filterKey, null)}
5757
>
58-
<X size={12} strokeWidth={2} />
58+
<CloseIcon height={12} width={12} strokeWidth={2} />
5959
</button>
6060
</div>
6161
</div>
@@ -67,7 +67,7 @@ export const AppliedFiltersList: React.FC<Props> = observer((props) => {
6767
className="flex items-center gap-2 rounded-md border border-custom-border-200 px-2 py-1 text-xs text-custom-text-300 hover:text-custom-text-200"
6868
>
6969
{t("common.clear_all")}
70-
<X size={12} strokeWidth={2} />
70+
<CloseIcon height={12} width={12} strokeWidth={2} />
7171
</button>
7272
</div>
7373
);

‎apps/space/core/components/issues/filters/applied-filters/label.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
"use client";
22

3-
import { X } from "lucide-react";
3+
import { CloseIcon } from "@plane/propel/icons";
44
// types
55
import type { IIssueLabel } from "@/types/issue";
66

@@ -34,7 +34,7 @@ export const AppliedLabelsFilters: React.FC<Props> = (props) => {
3434
className="grid place-items-center text-custom-text-300 hover:text-custom-text-200"
3535
onClick={() => handleRemove(labelId)}
3636
>
37-
<X size={10} strokeWidth={2} />
37+
<CloseIcon height={10} width={10} strokeWidth={2} />
3838
</button>
3939
</div>
4040
);

‎apps/space/core/components/issues/filters/applied-filters/priority.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
"use client";
22

3-
import { X } from "lucide-react";
4-
import { PriorityIcon } from "@plane/propel/icons";
3+
import { CloseIcon, PriorityIcon } from "@plane/propel/icons";
54
import type { TIssuePriorities } from "@plane/propel/icons";
65

76
type Props = {
@@ -25,7 +24,7 @@ export const AppliedPriorityFilters: React.FC<Props> = (props) => {
2524
className="grid place-items-center text-custom-text-300 hover:text-custom-text-200"
2625
onClick={() => handleRemove(priority)}
2726
>
28-
<X size={10} strokeWidth={2} />
27+
<CloseIcon height={10} width={10} strokeWidth={2} />
2928
</button>
3029
</div>
3130
))}

‎apps/space/core/components/issues/filters/applied-filters/state.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
11
"use client";
22

33
import { observer } from "mobx-react";
4-
import { X } from "lucide-react";
54
// plane imports
65
import { EIconSize } from "@plane/constants";
7-
import { StateGroupIcon } from "@plane/propel/icons";
6+
import { CloseIcon, StateGroupIcon } from "@plane/propel/icons";
87
// hooks
98
import { useStates } from "@/hooks/store/use-state";
109

@@ -34,7 +33,7 @@ export const AppliedStateFilters: React.FC<Props> = observer((props) => {
3433
className="grid place-items-center text-custom-text-300 hover:text-custom-text-200"
3534
onClick={() => handleRemove(stateId)}
3635
>
37-
<X size={10} strokeWidth={2} />
36+
<CloseIcon height={10} width={10} strokeWidth={2} />
3837
</button>
3938
</div>
4039
);

‎apps/space/core/components/issues/filters/helpers/filter-header.tsx‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
"use client";
2-
32
import React from "react";
4-
// lucide icons
5-
import { ChevronDown, ChevronUp } from "lucide-react";
3+
// icons
4+
import { ChevronDownIcon, ChevronUpIcon } from "@plane/propel/icons";
65

76
interface IFilterHeader {
87
title: string;
@@ -18,7 +17,7 @@ export const FilterHeader = ({ title, isPreviewEnabled, handleIsPreviewEnabled }
1817
className="grid h-5 w-5 flex-shrink-0 place-items-center rounded hover:bg-custom-background-80"
1918
onClick={handleIsPreviewEnabled}
2019
>
21-
{isPreviewEnabled ? <ChevronUp size={14} /> : <ChevronDown size={14} />}
20+
{isPreviewEnabled ? <ChevronUpIcon height={14} width={14} /> : <ChevronDownIcon height={14} width={14} />}
2221
</button>
2322
</div>
2423
);

‎apps/space/core/components/issues/filters/selection.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@
22

33
import React, { useState } from "react";
44
import { observer } from "mobx-react";
5-
import { Search, X } from "lucide-react";
5+
import { Search } from "lucide-react";
6+
import { CloseIcon } from "@plane/propel/icons";
67
// types
78
import type { IIssueFilterOptions, TIssueFilterKeys } from "@/types/issue";
89
// local imports
@@ -37,7 +38,7 @@ export const FilterSelection: React.FC<Props> = observer((props) => {
3738
/>
3839
{filtersSearchQuery !== "" && (
3940
<button type="button" className="grid place-items-center" onClick={() => setFiltersSearchQuery("")}>
40-
<X className="text-custom-text-300" size={12} strokeWidth={2} />
41+
<CloseIcon className="text-custom-text-300" height={12} width={12} strokeWidth={2} />
4142
</button>
4243
)}
4344
</div>

‎apps/space/core/components/issues/issue-layouts/kanban/headers/sub-group-by-card.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
import type { FC } from "react";
22
import React from "react";
33
import { observer } from "mobx-react";
4-
import { Circle, ChevronDown, ChevronUp } from "lucide-react";
4+
import { Circle } from "lucide-react";
5+
import { ChevronDownIcon, ChevronUpIcon } from "@plane/propel/icons";
56
// mobx
67

78
interface IHeaderSubGroupByCard {
@@ -20,7 +21,7 @@ export const HeaderSubGroupByCard: FC<IHeaderSubGroupByCard> = observer((props)
2021
onClick={() => toggleExpanded()}
2122
>
2223
<div className="flex h-[20px] w-[20px] flex-shrink-0 items-center justify-center overflow-hidden rounded-sm transition-all hover:bg-custom-background-80">
23-
{isExpanded ? <ChevronUp width={14} strokeWidth={2} /> : <ChevronDown width={14} strokeWidth={2} />}
24+
{isExpanded ? <ChevronUpIcon width={14} strokeWidth={2} /> : <ChevronDownIcon width={14} strokeWidth={2} />}
2425
</div>
2526

2627
<div className="flex h-[20px] w-[20px] flex-shrink-0 items-center justify-center overflow-hidden rounded-sm">

0 commit comments

Comments
 (0)