improve: onesearch relevance display

This commit is contained in:
Alikia2x 2024-04-29 15:26:21 +08:00
parent e3ec2bb897
commit 969ed948b5

View File

@ -20,7 +20,7 @@ export default function () {
const lastRequestTimeRef = useRef(0); const lastRequestTimeRef = useRef(0);
const selected = useRecoilValue(selectedSuggestionState); const selected = useRecoilValue(selectedSuggestionState);
const settings = useRecoilValue(settingsState); const settings = useRecoilValue(settingsState);
const devMode = false; const devMode = true;
const query = useRecoilValue(queryState); const query = useRecoilValue(queryState);
const engineName = getSearchEngineName(); const engineName = getSearchEngineName();
const engine = settings.currentSearchEngine; const engine = settings.currentSearchEngine;
@ -112,8 +112,8 @@ export default function () {
{t("search-help-text", { engine: engineName })} {t("search-help-text", { engine: engineName })}
</span> </span>
{devMode && ( {devMode && (
<span className="text-zinc-700 dark:text-zinc-400 text-sm"> <span className="absolute text-zinc-700 dark:text-zinc-400 text-sm leading-10 h-10 right-2">
&nbsp;&nbsp;Relevance: {s.relevance} {s.relevance}
</span> </span>
)} )}
</PlainSearch> </PlainSearch>
@ -123,8 +123,8 @@ export default function () {
<PlainSearch key={i} query={s.suggestion} selected={i == selected}> <PlainSearch key={i} query={s.suggestion} selected={i == selected}>
{s.suggestion} {s.suggestion}
{devMode && ( {devMode && (
<span className="text-zinc-700 dark:text-zinc-400 text-sm"> <span className="absolute text-zinc-700 dark:text-zinc-400 text-sm leading-10 h-10 right-2">
&nbsp;&nbsp;Relevance: {s.relevance} {s.relevance}
</span> </span>
)} )}
</PlainSearch> </PlainSearch>
@ -135,8 +135,8 @@ export default function () {
{s.prompt && <span className="text-zinc-700 dark:text-zinc-400">{s.prompt}</span>} {s.prompt && <span className="text-zinc-700 dark:text-zinc-400">{s.prompt}</span>}
{s.suggestion} {s.suggestion}
{devMode && ( {devMode && (
<span className="text-zinc-700 dark:text-zinc-400 text-sm"> <span className="absolute text-zinc-700 dark:text-zinc-400 text-sm leading-10 h-10 right-2">
&nbsp;&nbsp;Relevance: {s.relevance} {s.relevance}
</span> </span>
)} )}
</Link> </Link>
@ -147,8 +147,8 @@ export default function () {
{s.prompt && <span className="text-zinc-700 dark:text-zinc-400">{s.prompt}</span>} {s.prompt && <span className="text-zinc-700 dark:text-zinc-400">{s.prompt}</span>}
<p>{s.suggestion}</p> <p>{s.suggestion}</p>
{devMode && ( {devMode && (
<span className="text-zinc-700 dark:text-zinc-400 text-sm"> <span className="absolute text-zinc-700 dark:text-zinc-400 text-sm leading-10 h-10 right-2">
Relevance: {s.relevance} {s.relevance}
</span> </span>
)} )}
</PlainText> </PlainText>