appearance-settings.tsx — ui Source File

Source Code

"use client"

import * as React from "react"
import { Button } from "@/examples/base/ui-rtl/button"
import { ButtonGroup } from "@/examples/base/ui-rtl/button-group"
import {
  Field,
  FieldContent,
  FieldDescription,
  FieldGroup,
  FieldLabel,
  FieldLegend,
  FieldSeparator,
  FieldSet,
  FieldTitle,
} from "@/examples/base/ui-rtl/field"
import { Input } from "@/examples/base/ui-rtl/input"
import { RadioGroup, RadioGroupItem } from "@/examples/base/ui-rtl/radio-group"
import { Switch } from "@/examples/base/ui-rtl/switch"
import { IconMinus, IconPlus } from "@tabler/icons-react"

import { useLanguageContext } from "@/components/language-selector"

const translations = {
  ar: {
    dir: "rtl" as const,
    computeEnvironment: "بيئة الحوسبة",
    computeDescription: "اختر بيئة الحوسبة لمجموعتك.",
    kubernetes: "كوبرنيتس",
    kubernetesDescription:
      "تشغيل أحمال عمل GPU على مجموعة مُهيأة بـ K8s. هذا هو الافتراضي.",
    virtualMachine: "جهاز افتراضي",
    vmDescription: "الوصول إلى مجموعة VM مُهيأة لتشغيل أحمال العمل. (قريبًا)",
    numberOfGpus: "عدد وحدات GPU",
    gpuDescription: "يمكنك إضافة المزيد لاحقًا.",
    decrement: "إنقاص",
    increment: "زيادة",
    wallpaperTinting: "تلوين الخلفية",
    wallpaperDescription: "السماح بتلوين الخلفية.",
  },
  he: {
    dir: "rtl" as const,
    computeEnvironment: "סביבת מחשוב",
    computeDescription: "בחר את סביבת המחשוב לאשכול שלך.",
    kubernetes: "קוברנטיס",
    kubernetesDescription:
      "הפעל עומסי עבודה של GPU באשכול מוגדר K8s. זו ברירת המחדל.",
    virtualMachine: "מכונה וירטואלית",
    vmDescription: "גש לאשכול VM מוגדר להפעלת עומסי עבודה. (בקרוב)",
    numberOfGpus: "מספר GPUs",
    gpuDescription: "תוכל להוסיף עוד מאוחר יותר.",
    decrement: "הפחת",
    increment: "הגדל",
    wallpaperTinting: "צביעת טפט",
    wallpaperDescription: "אפשר לטפט להיצבע.",
  },
}

export function AppearanceSettings() {
  const context = useLanguageContext()
// ... (111 more lines)