mirror/plane
1
0
Fork 0
mirror of https://github.com/makeplane/plane.git synced 2026-04-25 01:28:32 -05:00
Code Issues Packages Projects Releases Wiki Activity

Updated icons to mutate (#5670)

Browse Source
This commit is contained in:
Mihir
2024-09-23 16:26:47 +05:30
committed by GitHub
parent 4d200ff0a3
commit 76a34440c3
3 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/core/components/modules/dropdowns/order-by.tsx
+3 -3
View File
@@ -1,6 +1,6 @@
"use client";
import { ArrowDownWideNarrow, Check, ChevronDown } from "lucide-react";
import { ArrowDownWideNarrow, ArrowUpWideNarrow, Check, ChevronDown } from "lucide-react";
import { TModuleOrderByOptions } from "@plane/types";
// ui
import { CustomMenu, getButtonStyling } from "@plane/ui";
@@ -27,9 +27,9 @@ export const ModuleOrderByDropdown: React.FC<Props> = (props) => {
<CustomMenu
customButton={
<div className={cn(getButtonStyling("neutral-primary", "sm"), "px-2 text-custom-text-300")}>
<ArrowDownWideNarrow className="h-3 w-3" />
{!isDescending ? <ArrowUpWideNarrow className="size-3 " /> : <ArrowDownWideNarrow className="size-3 " />}
{orderByDetails?.label}
<ChevronDown className="h-3 w-3" strokeWidth={2} />
<ChevronDown className="size-3" strokeWidth={2} />
</div>
}
placement="bottom-end"
web/core/components/pages/list/order-by.tsx
+2 -2
View File
@@ -1,6 +1,6 @@
"use client";
import { ArrowDownWideNarrow, Check, ChevronDown } from "lucide-react";
import { ArrowDownWideNarrow, ArrowUpWideNarrow, Check, ChevronDown } from "lucide-react";
// types
import { TPageFiltersSortBy, TPageFiltersSortKey } from "@plane/types";
// ui
@@ -26,7 +26,7 @@ export const PageOrderByDropdown: React.FC<Props> = (props) => {
<CustomMenu
customButton={
<div className={cn(getButtonStyling("neutral-primary", "sm"), "px-2 text-custom-text-300")}>
<ArrowDownWideNarrow className="h-3 w-3" />
{!isDescending ? <ArrowUpWideNarrow className="size-3 " /> : <ArrowDownWideNarrow className="size-3 " />}
{orderByDetails?.label}
<ChevronDown className="h-3 w-3" strokeWidth={2} />
</div>
web/core/components/views/filters/order-by.tsx
+5 -3
View File
@@ -1,6 +1,6 @@
"use client";
import { ArrowDownWideNarrow, Check, ChevronDown } from "lucide-react";
import { ArrowDownWideNarrow, ArrowUpWideNarrow, Check, ChevronDown } from "lucide-react";
// types
import { TViewFiltersSortBy, TViewFiltersSortKey } from "@plane/types";
// ui
@@ -31,12 +31,14 @@ export const ViewOrderByDropdown: React.FC<Props> = (props) => {
: `${getButtonStyling("neutral-primary", "sm")} px-2 text-custom-text-300`;
const chevronClassName = isMobile ? "h-4 w-4 text-custom-text-200" : "h-3 w-3";
const icon = (
<>{!isDescending ? <ArrowUpWideNarrow className="size-3 " /> : <ArrowDownWideNarrow className="size-3 " />}</>
);
return (
<CustomMenu
customButton={
<span className={buttonClassName}>
{!isMobile && <ArrowDownWideNarrow className="h-3 w-3" />}
{!isMobile && icon}
<span className="flex-shrink-0"> {orderByDetails?.label}</span>
<ChevronDown className={chevronClassName} strokeWidth={2} />
</span>