github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: breadcrumb project icon improvement (#2764)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2023-11-14 18:27:47 +05:30 committed by GitHub
parent a8904bfc48
commit f0c72bf249
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/components/headers/project-issues.tsx
View File

@ -2,7 +2,7 @@ import { useCallback, useState } from "react";
import Link from "next/link"; import Link from "next/link";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { observer } from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import { ArrowLeft, Circle, ExternalLink, Plus } from "lucide-react"; import { ArrowLeft, Briefcase, Circle, ExternalLink, Plus } from "lucide-react";
// mobx store // mobx store
import { useMobxStore } from "lib/mobx/store-provider"; import { useMobxStore } from "lib/mobx/store-provider";
// components // components
@ -121,17 +121,23 @@ export const ProjectIssuesHeader: React.FC = observer(() => {
<Breadcrumbs.BreadcrumbItem <Breadcrumbs.BreadcrumbItem
type="text" type="text"
icon={ icon={
currentProjectDetails?.emoji ? ( currentProjectDetails ? (
<span className="grid h-7 w-7 flex-shrink-0 place-items-center rounded uppercase"> currentProjectDetails?.emoji ? (
{renderEmoji(currentProjectDetails.emoji)} <span className="grid h-7 w-7 flex-shrink-0 place-items-center rounded uppercase">
</span> {renderEmoji(currentProjectDetails.emoji)}
) : currentProjectDetails?.icon_prop ? ( </span>
<div className="h-7 w-7 flex-shrink-0 grid place-items-center"> ) : currentProjectDetails?.icon_prop ? (
{renderEmoji(currentProjectDetails.icon_prop)} <div className="h-7 w-7 flex-shrink-0 grid place-items-center">
</div> {renderEmoji(currentProjectDetails.icon_prop)}
</div>
) : (
<span className="grid h-7 w-7 flex-shrink-0 place-items-center rounded bg-gray-700 uppercase text-white">
{currentProjectDetails?.name.charAt(0)}
</span>
)
) : ( ) : (
<span className="grid h-7 w-7 flex-shrink-0 place-items-center rounded bg-gray-700 uppercase text-white"> <span className="grid h-7 w-7 flex-shrink-0 place-items-center rounded uppercase">
{currentProjectDetails?.name.charAt(0)} <Briefcase className="h-4 w-4" />
</span> </span>
) )
} }