1
0
mirror of https://github.com/upscayl/upscayl.git synced 2024-12-28 23:33:06 +01:00
upscayl/renderer/components/sidebar/settings-tab/input-gpu-id.tsx

34 lines
956 B
TypeScript
Raw Normal View History

import { translationAtom } from "@/atoms/translations-atom";
import { useAtomValue } from "jotai";
2023-07-22 13:07:53 +02:00
import React from "react";
type GpuIdInputProps = {
gpuId: string;
handleGpuIdChange: (arg: string) => void;
};
export function InputGpuId({ gpuId, handleGpuIdChange }) {
const t = useAtomValue(translationAtom);
2023-07-22 13:07:53 +02:00
return (
<div className="flex flex-col gap-2">
<p className="text-sm font-medium">{t("SETTINGS.GPU_ID_INPUT.TITLE")}</p>
2024-04-24 22:28:03 +02:00
<p className="text-xs text-base-content/80">
{t("SETTINGS.GPU_ID_INPUT.DESCRIPTION")}
2024-04-24 22:28:03 +02:00
</p>
2023-09-09 16:01:58 +02:00
{window.electron.platform === "win" && (
<p className="text-xs text-base-content/80">
{t("SETTINGS.GPU_ID_INPUT.ADDITIONAL_DESCRIPTION")}
2023-09-09 16:01:58 +02:00
</p>
)}
2023-07-22 13:07:53 +02:00
<input
type="text"
placeholder="Type here"
2024-04-24 22:28:03 +02:00
className="input input-bordered w-full max-w-xs"
2023-07-22 13:07:53 +02:00
value={gpuId}
onChange={handleGpuIdChange}
/>
</div>
);
}