Rishi Ghan
c03f706e9d
* 🗂️ Added tab icons and styles * 🪑 Styled download panel table * 🪑 Cleaned up the DC++ search results table * 🪑 Many changes to DC++ downloads table * 🏗️ Wired up search with RQ * 🏗️ Changes to ComicDetail section * 🔧 Fixing table styes * 🏗 Fixed the archive ops panel * 🔧 Tweaked Archive ops further * 🃏 Styling the action menu * 🧩 CV Match panel refactor WIP * 🏗️ Refactored the action menu * 🤼 Cleaning up CV match panel * 🏗️ Refactored the scored matches * 🤼 Revamped CV match panel UX * 🖌️ Styling tweaks to the side panel * 🖌️ Cleaned up the form * 🏗️ Refactored the search form * 🤐 Added a uncompress indicator * 🏗️ Fix for encoding # in URIs * 🔧 Fixed # symbol handling in URLs * 🔧 Started work on Edit Metadata panel * 🔎 Added a check for existing uncompressed archives * 🏗️ Settings styling tweaks * 🏗️ Fixed invalidation of archiveOps * 🏗️ Fixed an invalidation query on DC++ download panel * 🏗️ Fixed CV-sourced Volume info panel * 🏗️ Fixed volume group card stacks on Dashboard * 🔍 Fixing CV search page * 🏗️ Refactoring Volume groups and wanted panel * 🏗️ Cleaning up useless files * 🛝 Added keen-slider for pull list * 🏗️ Abstracted heading/subheading into Header * 🏗️ Continued refactoring of PullList, Volumes etc. * 📆 Wired up the datepicker to LoCG pull list
47 lines
1.5 KiB
TypeScript
47 lines
1.5 KiB
TypeScript
import React, { ReactElement } from "react";
|
|
import { ComicVineSearchForm } from "../ComicVineSearchForm";
|
|
import MatchResult from "./MatchResult";
|
|
import { isEmpty } from "lodash";
|
|
import { useStore } from "../../store";
|
|
import { useShallow } from "zustand/react/shallow";
|
|
|
|
export const ComicVineMatchPanel = (comicVineData): ReactElement => {
|
|
const { comicObjectId, comicVineMatches } = comicVineData.props;
|
|
const { comicvine } = useStore(
|
|
useShallow((state) => ({
|
|
comicvine: state.comicvine,
|
|
})),
|
|
);
|
|
return (
|
|
<>
|
|
<div>
|
|
{!isEmpty(comicVineMatches) ? (
|
|
<MatchResult
|
|
matchData={comicVineMatches}
|
|
comicObjectId={comicObjectId}
|
|
/>
|
|
) : (
|
|
<>
|
|
<article
|
|
role="alert"
|
|
className="mt-4 rounded-lg max-w-screen-md border-s-4 border-yellow-500 bg-yellow-50 p-4 dark:border-s-4 dark:border-yellow-600 dark:bg-yellow-300 dark:text-slate-600 text-sm"
|
|
>
|
|
<div>
|
|
<p>ComicVine match results are an approximation.</p>
|
|
<p>
|
|
Auto-matching is not available yet. If you see no results or
|
|
poor quality ones, you can override the search query
|
|
parameters to get better ones.
|
|
</p>
|
|
</div>
|
|
</article>
|
|
<div className="text-md my-5">{comicvine.scrapingStatus}</div>
|
|
</>
|
|
)}
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default ComicVineMatchPanel;
|