binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: icon revamp and refactor (#2447)

Browse source 
* chore: svg icons added in plane/ui package

* chore: swap priority and state icon with plane/ui icons

* chore: replace core folder icons with lucide and plane ui icons

* style: priority icon size

* chore: replace icons with lucide and plane/ui icons

* chore: replace cycle folder icons with lucide and plane/ui icons

* chore: replace existing icons with lucide and plane/ui icons

* chore: replace existing icons with lucide and plane/ui icons

* chore: replace existing icons with lucide and plane/ui icons

* chore: replace existing icons with lucide and plane/ui icons

* chore: replace existing icons with lucide and plane/ui icons

* fix: build error

* fix: build error

* fix: build error
This commit is contained in:
Anmol Singh Bhatia 2023-10-16 20:27:22 +05:30 • committed by GitHub
parent 1fc5d2bd45
commit 651b252c23
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
270 changed files with 2567 additions and 1480 deletions
Download patch file Download diff file Expand all files Collapse all files

4
web/components/issues/issue-layouts/filters/applied-filters/priority.tsx
View file

@ -1,7 +1,7 @@
import { observer } from "mobx-react-lite";
// icons
import { PriorityIcon } from "components/icons";
import { PriorityIcon } from "@plane/ui";
import { X } from "lucide-react";
// types
import { TIssuePriorities } from "types";
@ -20,7 +20,7 @@ export const AppliedPriorityFilters: React.FC<Props> = observer((props) => {
<div key={priority} className="text-xs flex items-center gap-1 bg-custom-background-80 p-1 rounded">
<PriorityIcon
priority={priority as TIssuePriorities}
className={`!text-xs ${
className={`h-3 w-3 ${
priority === "urgent"
? "text-red-500"
: priority === "high"

2
web/components/issues/issue-layouts/filters/applied-filters/state-group.tsx
View file

@ -1,7 +1,7 @@
import { observer } from "mobx-react-lite";
// icons
import { StateGroupIcon } from "components/icons";
import { StateGroupIcon } from "@plane/ui";
import { X } from "lucide-react";
import { TStateGroups } from "types";

2
web/components/issues/issue-layouts/filters/applied-filters/state.tsx
View file

@ -1,7 +1,7 @@
import { observer } from "mobx-react-lite";
// icons
import { StateGroupIcon } from "components/icons";
import { StateGroupIcon } from "@plane/ui";
import { X } from "lucide-react";
// helpers
import { getStatesList } from "helpers/state.helper";

2
web/components/issues/issue-layouts/filters/header/filters/state-group.tsx
View file

@ -4,7 +4,7 @@ import { observer } from "mobx-react-lite";
// components
import { FilterHeader, FilterOption } from "components/issues";
// icons
import { StateGroupIcon } from "components/icons";
import { StateGroupIcon } from "@plane/ui";
// constants
import { ISSUE_STATE_GROUPS } from "constants/issue";

4
web/components/issues/issue-layouts/filters/header/filters/state.tsx
View file

@ -3,9 +3,7 @@ import React, { useState } from "react";
// components
import { FilterHeader, FilterOption } from "components/issues";
// ui
import { Loader } from "@plane/ui";
// icons
import { StateGroupIcon } from "components/icons";
import { Loader, StateGroupIcon } from "@plane/ui";
// helpers
import { getStatesList } from "helpers/state.helper";
// types

4
web/components/issues/issue-layouts/gantt/blocks.tsx
View file

@ -1,9 +1,7 @@
import { useRouter } from "next/router";
// ui
import { Tooltip } from "@plane/ui";
// icons
import { StateGroupIcon } from "components/icons";
import { Tooltip, StateGroupIcon } from "@plane/ui";
// helpers
import { renderShortDate } from "helpers/date-time.helper";
// types

2
web/components/issues/issue-layouts/kanban/headers/state-group.tsx
View file

@ -3,7 +3,7 @@ import { observer } from "mobx-react-lite";
// components
import { HeaderGroupByCard } from "./group-by-card";
import { HeaderSubGroupByCard } from "./sub-group-by-card";
import { StateGroupIcon } from "components/icons";
import { StateGroupIcon } from "@plane/ui";
// constants
import { issueStateGroupByKey } from "constants/issue";

2
web/components/issues/issue-layouts/list/headers/state-group.tsx
View file

@ -2,7 +2,7 @@
import { observer } from "mobx-react-lite";
// components
import { HeaderGroupByCard } from "./group-by-card";
import { StateGroupIcon } from "components/icons";
import { StateGroupIcon } from "@plane/ui";
// constants
import { issueStateGroupByKey } from "constants/issue";

3
web/components/issues/issue-layouts/properties/state.tsx
View file

@ -6,8 +6,7 @@ import { ChevronDown, Search, X, Check } from "lucide-react";
// mobx
import { observer } from "mobx-react-lite";
// components
import { Tooltip } from "@plane/ui";
import { StateGroupIcon } from "components/icons";
import { Tooltip, StateGroupIcon } from "@plane/ui";
// hooks
import useDynamicDropdownPosition from "hooks/use-dynamic-dropdown";
// mobx

4
web/components/issues/issue-layouts/spreadsheet/cycle-root.tsx
View file

@ -14,7 +14,7 @@ import { IssuePeekOverview } from "components/issues";
import { CustomMenu } from "components/ui";
import { Spinner } from "@plane/ui";
// icon
import { PlusIcon } from "@heroicons/react/24/outline";
import { Plus } from "lucide-react";
// types
import { IIssue, IIssueDisplayFilterOptions, IIssueDisplayProperties } from "types";
import { IIssueUnGroupedStructure } from "store/issue";
@ -117,7 +117,7 @@ export const CycleSpreadsheetLayout: React.FC = observer(() => {
className="flex gap-1.5 items-center pl-7 py-2.5 text-sm sticky left-0 z-[1] text-custom-text-200 bg-custom-background-100 group-hover:text-custom-text-100 group-hover:bg-custom-background-80 border-custom-border-200 w-full"
type="button"
>
<PlusIcon className="h-4 w-4" />
<Plus className="h-4 w-4" />
Add Issue
</button>
}

4
web/components/issues/issue-layouts/spreadsheet/module-root.tsx
View file

@ -14,7 +14,7 @@ import { IssuePeekOverview } from "components/issues";
import { CustomMenu } from "components/ui";
import { Spinner } from "@plane/ui";
// icon
import { PlusIcon } from "@heroicons/react/24/outline";
import { Plus } from "lucide-react";
// types
import { IIssue, IIssueDisplayFilterOptions, IIssueDisplayProperties } from "types";
import { IIssueUnGroupedStructure } from "store/issue";
@ -117,7 +117,7 @@ export const ModuleSpreadsheetLayout: React.FC = observer(() => {
className="flex gap-1.5 items-center pl-7 py-2.5 text-sm sticky left-0 z-[1] text-custom-text-200 bg-custom-background-100 group-hover:text-custom-text-100 group-hover:bg-custom-background-80 border-custom-border-200 w-full"
type="button"
>
<PlusIcon className="h-4 w-4" />
<Plus className="h-4 w-4" />
Add Issue
</button>
}

4
web/components/issues/issue-layouts/spreadsheet/project-view-root.tsx
View file

@ -13,7 +13,7 @@ import { IssuePeekOverview } from "components/issues";
// ui
import { Spinner } from "components/ui";
// icon
import { PlusIcon } from "@heroicons/react/24/outline";
import { Plus } from "lucide-react";
// types
import { IIssue, IIssueDisplayFilterOptions, IIssueDisplayProperties } from "types";
import { IIssueUnGroupedStructure } from "store/issue";
@ -114,7 +114,7 @@ export const ProjectViewSpreadsheetLayout: React.FC = observer(() => {
document.dispatchEvent(e);
}}
>
<PlusIcon className="h-4 w-4" />
<Plus className="h-4 w-4" />
Add Issue
</button>
</div>

6
web/components/issues/issue-layouts/spreadsheet/root.tsx
View file

@ -14,7 +14,7 @@ import { IssuePeekOverview } from "components/issues";
import { CustomMenu } from "components/ui";
import { Spinner } from "@plane/ui";
// icon
import { PlusIcon } from "@heroicons/react/24/outline";
import { Plus } from "lucide-react";
// types
import { IIssue, IIssueDisplayFilterOptions, IIssueDisplayProperties } from "types";
import { IIssueUnGroupedStructure } from "store/issue";
@ -118,7 +118,7 @@ export const SpreadsheetLayout: React.FC = observer(() => {
document.dispatchEvent(e);
}}
>
<PlusIcon className="h-4 w-4" />
<Plus className="h-4 w-4" />
Add Issue
</button>
) : (
@ -130,7 +130,7 @@ export const SpreadsheetLayout: React.FC = observer(() => {
className="flex gap-1.5 items-center pl-7 py-2.5 text-sm sticky left-0 z-[1] text-custom-text-200 bg-custom-background-100 group-hover:text-custom-text-100 group-hover:bg-custom-background-80 border-custom-border-200 w-full"
type="button"
>
<PlusIcon className="h-4 w-4" />
<Plus className="h-4 w-4" />
Add Issue
</button>
}