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

chore: applied filters update view button alignment improvement (#4407)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2024-05-09 15:52:56 +05:30 committed by GitHub
parent 3a66986785
commit 11cd9f57d7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/issues/issue-layouts/filters/applied-filters/roots/archived-issue.tsx
View File

@ -68,7 +68,7 @@ export const ArchivedIssueAppliedFiltersRoot: React.FC = observer(() => {
if (Object.keys(appliedFilters).length === 0) return null; if (Object.keys(appliedFilters).length === 0) return null;
return ( return (
<div className="flex items-center justify-between p-4 gap-2.5"> <div className="flex justify-between p-4 gap-2.5">
<AppliedFiltersList <AppliedFiltersList
appliedFilters={appliedFilters} appliedFilters={appliedFilters}
handleClearAllFilters={handleClearAllFilters} handleClearAllFilters={handleClearAllFilters}

2
web/components/issues/issue-layouts/filters/applied-filters/roots/cycle-root.tsx
View File

@ -77,7 +77,7 @@ export const CycleAppliedFiltersRoot: React.FC = observer(() => {
if (Object.keys(appliedFilters).length === 0 || !workspaceSlug || !projectId) return null; if (Object.keys(appliedFilters).length === 0 || !workspaceSlug || !projectId) return null;
return ( return (
<div className="flex items-center justify-between p-4 gap-2.5"> <div className="flex justify-between p-4 gap-2.5">
<AppliedFiltersList <AppliedFiltersList
appliedFilters={appliedFilters} appliedFilters={appliedFilters}
handleClearAllFilters={handleClearAllFilters} handleClearAllFilters={handleClearAllFilters}

2
web/components/issues/issue-layouts/filters/applied-filters/roots/draft-issue.tsx
View File

@ -63,7 +63,7 @@ export const DraftIssueAppliedFiltersRoot: React.FC = observer(() => {
if (Object.keys(appliedFilters).length === 0) return null; if (Object.keys(appliedFilters).length === 0) return null;
return ( return (
<div className="flex items-center justify-between p-4 gap-2.5"> <div className="flex justify-between p-4 gap-2.5">
<AppliedFiltersList <AppliedFiltersList
appliedFilters={appliedFilters} appliedFilters={appliedFilters}
handleClearAllFilters={handleClearAllFilters} handleClearAllFilters={handleClearAllFilters}

2
web/components/issues/issue-layouts/filters/applied-filters/roots/module-root.tsx
View File

@ -76,7 +76,7 @@ export const ModuleAppliedFiltersRoot: React.FC = observer(() => {
if (!workspaceSlug || !projectId || Object.keys(appliedFilters).length === 0) return null; if (!workspaceSlug || !projectId || Object.keys(appliedFilters).length === 0) return null;
return ( return (
<div className="flex items-center justify-between p-4 gap-2.5"> <div className="flex justify-between p-4 gap-2.5">
<AppliedFiltersList <AppliedFiltersList
appliedFilters={appliedFilters} appliedFilters={appliedFilters}
handleClearAllFilters={handleClearAllFilters} handleClearAllFilters={handleClearAllFilters}

2
web/components/issues/issue-layouts/filters/applied-filters/roots/project-root.tsx
View File

@ -68,7 +68,7 @@ export const ProjectAppliedFiltersRoot: React.FC = observer(() => {
if (Object.keys(appliedFilters).length === 0) return null; if (Object.keys(appliedFilters).length === 0) return null;
return ( return (
<div className="flex items-center justify-between p-4 gap-2.5"> <div className="flex justify-between p-4 gap-2.5">
<AppliedFiltersList <AppliedFiltersList
appliedFilters={appliedFilters} appliedFilters={appliedFilters}
handleClearAllFilters={handleClearAllFilters} handleClearAllFilters={handleClearAllFilters}

15
web/components/issues/issue-layouts/filters/applied-filters/roots/project-view-root.tsx
View File

@ -95,7 +95,7 @@ export const ProjectViewAppliedFiltersRoot: React.FC = observer(() => {
}; };
return ( return (
<div className="flex items-center justify-between gap-4 p-4"> <div className="flex justify-between gap-4 p-4">
<AppliedFiltersList <AppliedFiltersList
appliedFilters={appliedFilters ?? {}} appliedFilters={appliedFilters ?? {}}
handleClearAllFilters={handleClearAllFilters} handleClearAllFilters={handleClearAllFilters}
@ -106,14 +106,11 @@ export const ProjectViewAppliedFiltersRoot: React.FC = observer(() => {
/> />
{!areFiltersEqual && ( {!areFiltersEqual && (
<> <div>
<div /> <Button variant="primary" size="sm" className="flex-shrink-0" onClick={handleUpdateView}>
<div className="flex flex-shrink-0 items-center justify-center"> Update view
<Button variant="primary" size="sm" onClick={handleUpdateView}> </Button>
Update view </div>
</Button>
</div>
</>
)} )}
</div> </div>
); );