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/pages/[workspaceSlug]/projects/[projectId]/modules/[moduleId].tsx
View file

@ -2,7 +2,7 @@ import React, { useState } from "react";
import { useRouter } from "next/router";
import useSWR from "swr";
// icons
import { RectangleGroupIcon } from "@heroicons/react/24/outline";
import { DiceIcon } from "@plane/ui";
// services
import { ModuleService } from "services/module.service";
// hooks
@ -105,7 +105,7 @@ const SingleModule: React.FC = () => {
<CustomMenu
label={
<>
<RectangleGroupIcon className="h-3 w-3" />
<DiceIcon className="h-3 w-3" />
{moduleDetails?.name && truncateText(moduleDetails.name, 40)}
</>
}

13
web/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx
View file

@ -15,11 +15,10 @@ import { ModuleService } from "services/module.service";
import { CreateUpdateModuleModal, ModulesListGanttChartView, SingleModuleCard } from "components/modules";
// ui
import { Button, Loader, Tooltip } from "@plane/ui";
import { Icon } from "components/ui";
import { EmptyState } from "components/common";
import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
// icons
import { PlusIcon } from "@heroicons/react/24/outline";
import { GanttChart, LayoutGrid, Plus } from "lucide-react";
// images
import emptyModule from "public/empty-state/module.svg";
// types
@ -33,11 +32,11 @@ import { replaceUnderscoreIfSnakeCase, truncateText } from "helpers/string.helpe
const moduleViewOptions: { type: "grid" | "gantt_chart"; icon: any }[] = [
{
type: "gantt_chart",
icon: "view_timeline",
icon: GanttChart,
},
{
type: "grid",
icon: "table_rows",
icon: LayoutGrid,
},
];
@ -103,13 +102,13 @@ const ProjectModules: NextPage = () => {
}`}
onClick={() => setModulesView(option.type)}
>
<Icon iconName={option.icon} className={`!text-base ${option.type === "grid" ? "rotate-90" : ""}`} />
<option.icon className="h-4 w-4" />
</button>
</Tooltip>
))}
<Button
variant="primary"
prependIcon={<PlusIcon />}
prependIcon={<Plus />}
onClick={() => {
const e = new KeyboardEvent("keydown", { key: "m" });
document.dispatchEvent(e);
@ -153,7 +152,7 @@ const ProjectModules: NextPage = () => {
description="Modules are smaller, focused projects that help you group and organize issues."
image={emptyModule}
primaryButton={{
icon: <PlusIcon className="h-4 w-4" />,
icon: <Plus className="h-4 w-4" />,
text: "New Module",
onClick: () => {
const e = new KeyboardEvent("keydown", {