binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-1981] chore: project view icon and empty state (#5153)

Browse source 
* chore: view icon updated

* chore: view asset updated

* chore: project view empty state updated
This commit is contained in:
Anmol Singh Bhatia 2024-07-18 15:46:16 +05:30 • committed by GitHub
parent cfc70622d6
commit 39e3c28ad8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
17 changed files with 32 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

10
web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(detail)/[viewId]/header.tsx
View file

@ -4,11 +4,11 @@ import { useCallback } from "react";
import { observer } from "mobx-react";
import Link from "next/link";
import { useParams } from "next/navigation";
import { Earth, Lock } from "lucide-react";
import { Earth, Layers, Lock } from "lucide-react";
// types
import { IIssueDisplayFilterOptions, IIssueDisplayProperties, IIssueFilterOptions } from "@plane/types";
// ui
import { Breadcrumbs, Button, CustomMenu, PhotoFilterIcon, Tooltip } from "@plane/ui";
import { Breadcrumbs, Button, CustomMenu, Tooltip } from "@plane/ui";
// components
import { BreadcrumbLink, Logo } from "@/components/common";
import { DisplayFiltersSelection, FiltersDropdown, FilterSelection, LayoutSelection } from "@/components/issues";
@ -159,7 +159,7 @@ export const ProjectViewIssuesHeader: React.FC = observer(() => {
<BreadcrumbLink
href={`/${workspaceSlug}/projects/${currentProjectDetails?.id}/views`}
label="Views"
icon={<PhotoFilterIcon className="h-4 w-4 text-custom-text-300" />}
icon={<Layers className="h-4 w-4 text-custom-text-300" />}
/>
}
/>
@ -172,7 +172,7 @@ export const ProjectViewIssuesHeader: React.FC = observer(() => {
{viewDetails?.logo_props?.in_use ? (
<Logo logo={viewDetails.logo_props} size={12} type="lucide" />
) : (
<PhotoFilterIcon height={12} width={12} />
<Layers height={12} width={12} />
)}
{viewDetails?.name && truncateText(viewDetails.name, 40)}
</>
@ -194,7 +194,7 @@ export const ProjectViewIssuesHeader: React.FC = observer(() => {
{view?.logo_props?.in_use ? (
<Logo logo={view.logo_props} size={12} type="lucide" />
) : (
<PhotoFilterIcon height={12} width={12} />
<Layers height={12} width={12} />
)}
{truncateText(view.name, 40)}
</Link>

7
web/app/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(list)/header.tsx
View file

@ -3,9 +3,10 @@
import { useCallback } from "react";
import { observer } from "mobx-react";
import { useParams } from "next/navigation";
import { Layers } from "lucide-react";
// ui
import { TViewFilterProps } from "@plane/types";
import { Breadcrumbs, PhotoFilterIcon, Button } from "@plane/ui";
import { Breadcrumbs, Button } from "@plane/ui";
// components
import { BreadcrumbLink, Logo } from "@/components/common";
import { ViewListHeader } from "@/components/views";
@ -75,9 +76,7 @@ export const ProjectViewsHeader = observer(() => {
/>
<Breadcrumbs.BreadcrumbItem
type="text"
link={
<BreadcrumbLink label="Views" icon={<PhotoFilterIcon className="h-4 w-4 text-custom-text-300" />} />
}
link={<BreadcrumbLink label="Views" icon={<Layers className="h-4 w-4 text-custom-text-300" />} />}
/>
</Breadcrumbs>
</div>