xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

Only show edit icon if there are links

This commit is contained in:
Isaac Wise 2024-02-11 01:08:28 -06:00
parent 5f468cd95d
commit 0c531760e8
3 changed files with 45 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
pages/collections/[id].tsx
View File

@ -308,19 +308,21 @@ export default function Index() {
<div className="flex justify-between items-center gap-5"> <div className="flex justify-between items-center gap-5">
<p>Showing {activeCollection?._count?.links} results</p> <p>Showing {activeCollection?._count?.links} results</p>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div {links.length > 0 && (
role="button" <div
onClick={() => { role="button"
setEditMode(!editMode) onClick={() => {
setSelectedLinks([]) setEditMode(!editMode)
}} setSelectedLinks([])
className={`btn btn-square btn-sm btn-ghost ${editMode }}
? "bg-primary/20 hover:bg-primary/20" className={`btn btn-square btn-sm btn-ghost ${editMode
: "hover:bg-neutral/20" ? "bg-primary/20 hover:bg-primary/20"
}`} : "hover:bg-neutral/20"
> }`}
<i className="bi-pencil-fill text-neutral text-xl"></i> >
</div> <i className="bi-pencil-fill text-neutral text-xl"></i>
</div>
)}
<SortDropdown sortBy={sortBy} setSort={setSortBy} /> <SortDropdown sortBy={sortBy} setSort={setSortBy} />
<ViewDropdown viewMode={viewMode} setViewMode={setViewMode} /> <ViewDropdown viewMode={viewMode} setViewMode={setViewMode} />
</div> </div>

28
pages/links/index.tsx
View File

@ -78,19 +78,21 @@ export default function Links() {
/> />
<div className="mt-2 flex items-center justify-end gap-2"> <div className="mt-2 flex items-center justify-end gap-2">
<div {links.length > 0 && (
role="button" <div
onClick={() => { role="button"
setEditMode(!editMode) onClick={() => {
setSelectedLinks([]) setEditMode(!editMode)
}} setSelectedLinks([])
className={`btn btn-square btn-sm btn-ghost ${editMode }}
? "bg-primary/20 hover:bg-primary/20" className={`btn btn-square btn-sm btn-ghost ${editMode
: "hover:bg-neutral/20" ? "bg-primary/20 hover:bg-primary/20"
}`} : "hover:bg-neutral/20"
> }`}
<i className="bi-pencil-fill text-neutral text-xl"></i> >
</div> <i className="bi-pencil-fill text-neutral text-xl"></i>
</div>
)}
<SortDropdown sortBy={sortBy} setSort={setSortBy} /> <SortDropdown sortBy={sortBy} setSort={setSortBy} />
<ViewDropdown viewMode={viewMode} setViewMode={setViewMode} /> <ViewDropdown viewMode={viewMode} setViewMode={setViewMode} />
</div> </div>

28
pages/links/pinned.tsx
View File

@ -77,19 +77,21 @@ export default function PinnedLinks() {
description={"Pinned Links from your Collections"} description={"Pinned Links from your Collections"}
/> />
<div className="mt-2 flex items-center justify-end gap-2"> <div className="mt-2 flex items-center justify-end gap-2">
<div {links.length > 0 && (
role="button" <div
onClick={() => { role="button"
setEditMode(!editMode) onClick={() => {
setSelectedLinks([]) setEditMode(!editMode)
}} setSelectedLinks([])
className={`btn btn-square btn-sm btn-ghost ${editMode }}
? "bg-primary/20 hover:bg-primary/20" className={`btn btn-square btn-sm btn-ghost ${editMode
: "hover:bg-neutral/20" ? "bg-primary/20 hover:bg-primary/20"
}`} : "hover:bg-neutral/20"
> }`}
<i className="bi-pencil-fill text-neutral text-xl"></i> >
</div> <i className="bi-pencil-fill text-neutral text-xl"></i>
</div>
)}
<SortDropdown sortBy={sortBy} setSort={setSortBy} /> <SortDropdown sortBy={sortBy} setSort={setSortBy} />
<ViewDropdown viewMode={viewMode} setViewMode={setViewMode} /> <ViewDropdown viewMode={viewMode} setViewMode={setViewMode} />
</div> </div>