Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-07 19:55:46 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Group card: Preferred mode first

Browse Source
This commit is contained in:
Kalle
2023-08-19 10:54:09 +03:00
parent 0800a58966
commit 66e2a8e844
1 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
app/features/sendouq/components/ModePrefenceIcons.tsx
View File

@@ -2,6 +2,17 @@ import { ModeImage } from "~/components/Image";
import type { Group } from "~/db/types";
import { assertUnreachable } from "~/utils/types";
const SZOnly = () => <ModeImage mode="SZ" size={16} />;
const AllModes = () => (
<>
<ModeImage mode="SZ" size={16} />
<ModeImage mode="TC" size={16} />
<ModeImage mode="RM" size={16} />
<ModeImage mode="CB" size={16} />
</>
);
export function ModePreferenceIcons({
preference,
}: {
@@ -15,7 +26,6 @@ export function ModePreferenceIcons({
case "NO_PREFERENCE":
return "=";
case "PREFER_ALL_MODES":
return "<";
case "PREFER_SZ":
return ">";
default:
@@ -25,19 +35,18 @@ export function ModePreferenceIcons({
return (
<>
{preference !== "ALL_MODES_ONLY" ? (
<ModeImage mode="SZ" size={16} />
{["SZ_ONLY", "PREFER_SZ"].includes(preference) ? <SZOnly /> : null}
{["ALL_MODES_ONLY", "PREFER_ALL_MODES", "NO_PREFERENCE"].includes(
preference
) ? (
<AllModes />
) : null}
{comparisonSign ? (
<span className="text-main-forced">{comparisonSign}</span>
) : null}
{preference !== "SZ_ONLY" ? (
<>
<ModeImage mode="SZ" size={16} />
<ModeImage mode="TC" size={16} />
<ModeImage mode="RM" size={16} />
<ModeImage mode="CB" size={16} />
</>
{["PREFER_SZ"].includes(preference) ? <AllModes /> : null}
{["PREFER_ALL_MODES", "NO_PREFERENCE"].includes(preference) ? (
<SZOnly />
) : null}
</>
);