Function SettingGeneralView

src/components/SettingGeneralView.tsx:14–80

()

import OpenAIApiConfigView from "./OpenAIApiConfigView";

const SettingGeneralView = () => {
  const { t } = useTranslation();

  return (
    <div className="w-full flex flex-col justify-start items-start space-y-2 sm:space-y-4 py-4 sm:py-8">
      <div className="w-full flex flex-row justify-start items-start flex-wrap gap-2">
        <a
          href="https://discord.gg/z6kakemDjm"
          className="w-auto px-4 py-2 rounded-full bg-indigo-600 text-white text-sm font-medium flex flex-row justify-center items-center hover:underline hover:shadow"
          target="_blank"
        >
          <Icon.BsDiscord className="w-4 h-auto mr-1" />
          {t("social.join-discord-channel")}
        </a>
        <WeChatQRCodeView />
      </div>

      {hasFeature("debug") && (
        <div className="w-full border border-gray-200 dark:border-zinc-700 p-4 rounded-lg space-y-2">
          <DebugView />
        </div>
      )}

      {hasFeature("payment") && (
        <div className="w-full border border-gray-200 dark:border-zinc-700 p-4 rounded-lg space-y-2">
          <PricingView />
        </div>
      )}

      {hasFeature("account") && (
        <div className="w-full border border-gray-200 dark:border-zinc-700 p-4 rounded-lg space-y-2">
          <AccountView />
        </div>
      )}

      <OpenAIApiConfigView />

      <div className="w-full border border-gray-200 dark:border-zinc-700 p-4 rounded-lg space-y-2">
        <div className="w-full flex flex-row justify-between items-center gap-2">
          <span>{t("setting.basic.language")}</span>
          <LocaleSelector />
        </div>
        <div className="w-full flex flex-row justify-between items-center gap-2">
          <span>{t("setting.theme.self")}</span>
          <ThemeSelector />
        </div>
      </div>

      <div className="w-full border border-red-200 dark:border-zinc-700 p-4 rounded-lg">
        <div className="w-full flex flex-row justify-between items-center gap-2">
          <span>{t("setting.data.clear-all-data")}</span>
          <ClearDataButton />
        </div>
      </div>

      <div className="w-full flex flex-row justify-start items-center p-4 gap-2">
        <a className="text-blue-600 hover:underline" href={"privacy"} target="_blank">
          Privacy