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

31
web/components/project/sidebar-list.tsx
View file

@ -11,8 +11,7 @@ import useUserAuth from "hooks/use-user-auth";
import { CreateProjectModal, ProjectSidebarListItem } from "components/project";
// icons
import { Icon } from "components/ui";
import { PlusIcon } from "@heroicons/react/24/outline";
import { ChevronDown, ChevronRight, Plus } from "lucide-react";
// helpers
import { copyTextToClipboard } from "helpers/string.helper";
import { orderArrayBy } from "helpers/array.helper";
@ -128,17 +127,18 @@ export const ProjectSidebarList: FC = observer(() => {
{({ open }) => (
<>
{!themeStore?.sidebarCollapsed && (
<div className="group flex justify-between items-center text-xs px-1.5 rounded text-custom-sidebar-text-400 hover:bg-custom-sidebar-background-80 w-full">
<div className="group flex justify-between items-center text-xs p-1.5 rounded text-custom-sidebar-text-400 hover:bg-custom-sidebar-background-80 w-full">
<Disclosure.Button
as="button"
type="button"
className="group flex items-center gap-1 px-1.5 text-xs font-semibold text-custom-sidebar-text-400 text-left hover:bg-custom-sidebar-background-80 rounded w-full whitespace-nowrap"
>
Favorites
<Icon
iconName={open ? "arrow_drop_down" : "arrow_right"}
className="group-hover:opacity-100 opacity-0 !text-lg"
/>
{open ? (
<ChevronDown className="h-3 w-3 group-hover:opacity-100 opacity-0" />
) : (
<ChevronRight className="h-3 w-3 group-hover:opacity-100 opacity-0" />
)}
</Disclosure.Button>
<button
className="group-hover:opacity-100 opacity-0"
@ -147,7 +147,7 @@ export const ProjectSidebarList: FC = observer(() => {
setIsProjectModalOpen(true);
}}
>
<Icon iconName="add" />
<Plus className="h-3 w-3" />
</button>
</div>
)}
@ -193,17 +193,18 @@ export const ProjectSidebarList: FC = observer(() => {
{({ open }) => (
<>
{!themeStore?.sidebarCollapsed && (
<div className="group flex justify-between items-center text-xs px-1.5 rounded text-custom-sidebar-text-400 hover:bg-custom-sidebar-background-80 w-full">
<div className="group flex justify-between items-center text-xs p-1.5 rounded text-custom-sidebar-text-400 hover:bg-custom-sidebar-background-80 w-full">
<Disclosure.Button
as="button"
type="button"
className="flex items-center gap-1 font-semibold text-left whitespace-nowrap"
>
Projects
<Icon
iconName={open ? "arrow_drop_down" : "arrow_right"}
className="group-hover:opacity-100 opacity-0 !text-lg"
/>
{open ? (
<ChevronDown className="h-3 w-3 group-hover:opacity-100 opacity-0" />
) : (
<ChevronRight className="h-3 w-3 group-hover:opacity-100 opacity-0" />
)}
</Disclosure.Button>
<button
className="group-hover:opacity-100 opacity-0"
@ -212,7 +213,7 @@ export const ProjectSidebarList: FC = observer(() => {
setIsProjectModalOpen(true);
}}
>
<Icon iconName="add" />
<Plus className="h-3 w-3" />
</button>
</div>
)}
@ -264,7 +265,7 @@ export const ProjectSidebarList: FC = observer(() => {
document.dispatchEvent(e);
}}
>
<PlusIcon className="h-5 w-5" />
<Plus className="h-5 w-5" />
{!themeStore?.sidebarCollapsed && "Add Project"}
</button>
)}