/**
 * @file ChangesPanelSettings — Settings → Git → Changes panel: whether a
 * workspace folder that holds several git repositories shows each of them as
 * its own section in the Changes panel (off by default: only the folder's own
 * git). Writes the account preference in `lib/innerReposPref.ts`.
 * @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
 */

import { useTranslation } from "react-i18next";
import { useInnerReposMode, writeInnerReposMode } from "../../lib/innerReposPref";
import { SettingsSection, SettingsSwitchRow } from "./SettingsRow";

export function ChangesPanelSettings() {
  const { t } = useTranslation("settings");
  const mode = useInnerReposMode();
  return (
    <SettingsSection title={t("changesPanel.title")} description={t("changesPanel.description")}>
      <SettingsSwitchRow
        label={t("changesPanel.innerRepos")}
        description={t("changesPanel.innerReposDesc")}
        checked={mode === "all"}
        onChange={(on) => writeInnerReposMode(on ? "all" : "own")}
      />
    </SettingsSection>
  );
}