Update react-refresh for lila

Lila-Kuhlt · Aug 13, 2024 · 58ea324 · 58ea324
1 parent 57d6f7f
commit 58ea324
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 9 deletions.
diff --git a/liberica/src/components/lila/button.tsx b/liberica/src/components/lila/button.tsx
@@ -1,17 +1,19 @@
+/** eslint-disable react-refresh/only-export-components */ // This element does not have a state, so react-refresh is not needed
+
 import { classes } from "components/lila";
 
 const BASE =
     "select-none transition-all font-sans disabled:pointer-events-none active:opacity-[0.85] disabled:opacity-50 disabled:shadow-none ";
 
-export const BUTTON_VARIANTS = {
+const BUTTON_VARIANTS = {
     primary:
         "bg-primary text-on-primary rounded-xl font-bold hover:bg-primary/90 animate-entry",
     secondary:
         "bg-secondary text-on-secondary rounded-xl font-bold hover:bg-secondary/90 animate-entry",
     muted: "bg-muted/10 text-on-muted rounded-xl font-bold hover:bg-muted/20 animate-entry",
 };
 
-export const BUTTON_SIZES = {
+const BUTTON_SIZES = {
     sm: "py-1 px-4 text-xs",
     md: "py-2 px-5 text-xs",
     lg: "py-2.5 px-7 text-sm",

diff --git a/liberica/src/components/lila/index.tsx b/liberica/src/components/lila/index.tsx
@@ -1,6 +1,7 @@
 import { Button } from "./button";
 import { TextInput } from "./input.tsx";
 
+// eslint-disable-next-line react-refresh/only-export-components
 export function classes(...inputs: string[]): string {
     return inputs.join(" ");
 }

diff --git a/liberica/src/components/lila/select.tsx b/liberica/src/components/lila/select.tsx
@@ -10,10 +10,10 @@ export interface SelectPropsExt {
     noLogo?: boolean;
 }
 
-export const BASE =
+const BASE =
     "text-on-muted rounded-xl bg-muted/20 outline-none ring-muted focus:ring-2";
 
-export const INPUT_SIZES = {
+const INPUT_SIZES = {
     lg: "px-6 py-3 text-md",
 };
 

diff --git a/liberica/src/i18n/en.json b/liberica/src/i18n/en.json
@@ -19,5 +19,8 @@
     "ReplayTooBig": "replay file is too big",
     "Speed": "Speed",
     "Cancel": "Cancel",
-    "EmbarkPlaceholder": "Click on train to embark"
+    "EmbarkPlaceholder": "Click on train to embark",
+    "DebugVariant": "Variant",
+    "DebugSize": "Size",
+    "DebugElement": "Element"
 }
diff --git a/liberica/src/page/Debug.tsx b/liberica/src/page/Debug.tsx
@@ -9,11 +9,14 @@ import { TextInput } from "components/lila/input";
 import { Select } from "components/lila/select";
 import { THEMES, ThemeName, applyTheme } from "lib/theme";
 import { useState } from "react";
+import { useTranslation } from "react-i18next";
 
 export function Debug() {
     const sizes = Object.keys(BUTTON_SIZES) as ButtonSize[];
     const variants = Object.keys(BUTTON_VARIANTS) as ButtonVariant[];
 
+    const { t } = useTranslation();
+
     const [text, setText] = useState("Test");
     return (
         <div className="flex h-screen w-dvw flex-col items-center justify-center gap-10 bg-base">
@@ -39,9 +42,9 @@ export function Debug() {
             <table className="table-auto border-spacing-2">
                 <thead>
                     <tr className="text-left">
-                        <th>Variant</th>
-                        <th>Size</th>
-                        <th>Element</th>
+                        <th>{t("DebugVariant")}</th>
+                        <th>{t("DebugSize")}</th>
+                        <th>{t("DebugElement")}</th>
                     </tr>
                 </thead>
 

diff --git a/liberica/src/page/Game.tsx b/liberica/src/page/Game.tsx
@@ -87,7 +87,7 @@ export function Game() {
                 />
 
                 <Navbar>
-                    <div className="flex h-full w-full flex-col truncate rounded-xl rounded-xl bg-muted/10 px-4 py-2.5 text-sm text-on-muted">
+                    <div className="flex h-full w-full flex-col truncate rounded-xl bg-muted/10 px-4 py-2.5 text-sm text-on-muted">
                         {embarkedTrain ? (
                             <span className="truncate">
                                 {embarkedTrain.line_name}{" "}