frishi/threetwo
1
0
Fork 0
Code Issues 9 Pull Requests 6 Actions Packages Projects Releases 2 Wiki Activity

💅🏼 Prettified Volumes search results from CV

Browse Source
This commit is contained in:
Rishi Ghan
2025-07-22 18:57:24 -04:00
parent 924ffae07e
commit 2968987c6b
1 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/client/components/Search/Search.tsx
View File

@@ -357,7 +357,7 @@ export const Search = ({}: ISearchProps): ReactElement => {
result.resource_type === "volume" && ( result.resource_type === "volume" && (
<div <div
key={result.id} key={result.id}
className="flex gap-4 py-4 border-b border-slate-300 dark:border-slate-700" className="relative flex items-start gap-4 py-6 border-b border-slate-300 dark:border-slate-700"
> >
{/* LEFT COLUMN: COVER */} {/* LEFT COLUMN: COVER */}
<Card <Card
@@ -371,7 +371,7 @@ export const Search = ({}: ISearchProps): ReactElement => {
/> />
{/* RIGHT COLUMN */} {/* RIGHT COLUMN */}
<div className="flex-1 min-w-0 flex flex-col"> <div className="flex-1 min-w-0">
{/* TITLE */} {/* TITLE */}
<div className="text-lg font-bold text-gray-900 dark:text-white"> <div className="text-lg font-bold text-gray-900 dark:text-white">
{result.name || <span>No Name</span>} {result.name || <span>No Name</span>}
@@ -438,18 +438,21 @@ export const Search = ({}: ISearchProps): ReactElement => {
)} )}
</p> </p>
)} )}
{result.name ? (
<PopoverButton <div className="mt-4 justify-self-end">
content={`This will add ${result.volume.name} to your wanted list.`} <PopoverButton
clickHandler={() => content={`This will add ${result.count_of_issues} issues your wanted list.`}
addToWantedList({ clickHandler={() =>
source: "comicvine", addToWantedList({
comicObject: result, source: "comicvine",
markEntireVolumeWanted: false, comicObject: result,
resourceType: "issue", markEntireVolumeWanted: false,
}) resourceType: "issue",
} })
/> }
/>
</div>
) : null}
</div> </div>
</div> </div>
) )