chore: icon revamp and refactor (#2447)
* 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:
parent
1fc5d2bd45
commit
651b252c23
270 changed files with 2567 additions and 1480 deletions
|
|
@ -7,8 +7,9 @@ import { UserService } from "services/user.service";
|
|||
// components
|
||||
import { ActivityMessage } from "components/core";
|
||||
// ui
|
||||
import { ProfileEmptyState, Icon } from "components/ui";
|
||||
import { ProfileEmptyState } from "components/ui";
|
||||
import { Loader } from "@plane/ui";
|
||||
import { Rocket } from "lucide-react";
|
||||
// image
|
||||
import recentActivityEmptyState from "public/empty-state/recent_activity.svg";
|
||||
// helpers
|
||||
|
|
@ -69,7 +70,7 @@ export const ProfileActivity = () => {
|
|||
className="font-medium text-custom-text-100 inline-flex items-center gap-1 hover:underline"
|
||||
>
|
||||
Issue
|
||||
<Icon iconName="launch" className="!text-xs" />
|
||||
<Rocket className="h-3 w-3" />
|
||||
</a>
|
||||
</span>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -2,8 +2,8 @@ import { useRouter } from "next/router";
|
|||
import Link from "next/link";
|
||||
|
||||
// ui
|
||||
import { Icon } from "components/ui";
|
||||
import { Loader } from "@plane/ui";
|
||||
import { CreateIcon, LayerStackIcon, Loader } from "@plane/ui";
|
||||
import { UserCircle2 } from "lucide-react";
|
||||
// types
|
||||
import { IUserProfileData } from "types";
|
||||
|
||||
|
|
@ -17,19 +17,19 @@ export const ProfileStats: React.FC<Props> = ({ userProfile }) => {
|
|||
|
||||
const overviewCards = [
|
||||
{
|
||||
icon: "new_window",
|
||||
icon: CreateIcon,
|
||||
route: "created",
|
||||
title: "Issues created",
|
||||
value: userProfile?.created_issues ?? "...",
|
||||
},
|
||||
{
|
||||
icon: "account_circle",
|
||||
icon: UserCircle2,
|
||||
route: "assigned",
|
||||
title: "Issues assigned",
|
||||
value: userProfile?.assigned_issues ?? "...",
|
||||
},
|
||||
{
|
||||
icon: "subscriptions",
|
||||
icon: LayerStackIcon,
|
||||
route: "subscribed",
|
||||
title: "Issues subscribed",
|
||||
value: userProfile?.subscribed_issues ?? "...",
|
||||
|
|
@ -45,7 +45,7 @@ export const ProfileStats: React.FC<Props> = ({ userProfile }) => {
|
|||
<Link key={card.route} href={`/${workspaceSlug}/profile/${userId}/${card.route}`}>
|
||||
<a className="flex items-center gap-3 p-4 rounded border border-custom-border-100 whitespace-nowrap">
|
||||
<div className="h-11 w-11 bg-custom-background-90 rounded grid place-items-center">
|
||||
<Icon iconName={card.icon} className="!text-xl" />
|
||||
<card.icon className="h-5 w-5" />
|
||||
</div>
|
||||
<div className="space-y-1">
|
||||
<p className="text-custom-text-400 text-sm">{card.title}</p>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue