thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

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
270 changed files with 2567 additions and 1480 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/components/analytics/custom-analytics/sidebar/sidebar.tsx
View File

@@ -11,10 +11,9 @@ import { useMobxStore } from "lib/mobx/store-provider";
// components
import { CustomAnalyticsSidebarHeader, CustomAnalyticsSidebarProjectsList } from "components/analytics";
// ui
import { Button } from "@plane/ui";
import { Button, LayersIcon } from "@plane/ui";
// icons
import { ArrowDownTrayIcon, ArrowPathIcon, CalendarDaysIcon } from "@heroicons/react/24/outline";
import { LayerDiagonalIcon } from "components/icons";
import { CalendarDays, Download, RefreshCw } from "lucide-react";
// helpers
import { renderShortDate } from "helpers/date-time.helper";
// types
@@ -165,12 +164,12 @@ export const CustomAnalyticsSidebar: React.FC<Props> = observer(
>
<div className="flex items-center gap-2 flex-wrap">
<div className="flex items-center gap-1 bg-custom-background-80 rounded-md px-3 py-1 text-custom-text-200 text-xs">
<LayerDiagonalIcon height={14} width={14} />
<LayersIcon height={14} width={14} />
{analytics ? analytics.total : "..."} Issues
</div>
{isProjectLevel && (
<div className="flex items-center gap-1 bg-custom-background-80 rounded-md px-3 py-1 text-custom-text-200 text-xs">
<CalendarDaysIcon className="h-3.5 w-3.5" />
<CalendarDays className="h-3.5 w-3.5" />
{renderShortDate(
(cycleId
? cycleDetails?.created_at
@@ -196,7 +195,7 @@ export const CustomAnalyticsSidebar: React.FC<Props> = observer(
<div className="flex items-center gap-2 flex-wrap justify-self-end">
<Button
variant="neutral-primary"
prependIcon={<ArrowPathIcon className="h-3.5 w-3.5" />}
prependIcon={<RefreshCw className="h-3.5 w-3.5" />}
onClick={() => {
if (!workspaceSlug) return;
@@ -205,7 +204,7 @@ export const CustomAnalyticsSidebar: React.FC<Props> = observer(
>
Refresh
</Button>
<Button variant="primary" prependIcon={<ArrowDownTrayIcon />} onClick={exportAnalytics}>
<Button variant="primary" prependIcon={<Download className="h-3.5 w-3.5" />} onClick={exportAnalytics}>
Export as CSV
</Button>
</div>

2
web/components/analytics/custom-analytics/table.tsx
View File

@@ -1,7 +1,7 @@
import { BarDatum } from "@nivo/bar";
// icons
import { PriorityIcon } from "components/icons";
import { PriorityIcon } from "@plane/ui";
// helpers
import { generateBarColor, generateDisplayName } from "helpers/analytics.helper";
// types

4
web/components/analytics/scope-and-demand/demand.tsx
View File

@@ -1,5 +1,5 @@
// icons
import { PlayIcon } from "@heroicons/react/24/outline";
import { Triangle } from "lucide-react";
// types
import { IDefaultAnalyticsResponse, TStateGroups } from "types";
// constants
@@ -52,7 +52,7 @@ export const AnalyticsDemand: React.FC<Props> = ({ defaultAnalytics }) => (
</div>
<div className="!mt-6 flex w-min items-center gap-2 whitespace-nowrap rounded-md border border-custom-border-200 bg-custom-background-80 p-2 text-xs">
<p className="flex items-center gap-1 text-custom-text-200">
<PlayIcon className="h-4 w-4 -rotate-90" aria-hidden="true" />
<Triangle className="h-4 w-4" />
<span>Estimate Demand:</span>
</p>
<p className="font-medium">