Function Home

pages/index.tsx:40–589

()

}

export default function Home() {
  const { resolvedTheme } = useTheme();
  const isThemeDark = resolvedTheme === "dark";
  const [mounted, setMounted] = useState(false);
  const {
    translate,
    translating,
    outputText,
    setOutputText,
    translationError,
  } = useTranslate();
  const [inputText, setInputText] = useState("");
  const [prevquery, setPrevquery] = useState<prev[]>([]);
  const [isHumanToSql, setIsHumanToSql] = useState(true);
  const [isOutputTextUpperCase, setIsOutputTextUpperCase] = useState(false);
  const [tableSchema, setTableSchema] = useState("");
  const [showTableSchema, setShowTableSchema] = useState(false);
  const [history, setHistory] = useState<IHistory[]>([]);
  const [showHistory, setShowHistory] = useState(false);
  const [hasTranslated, setHasTranslated] = useState(false);
  const [copied, setCopied] = useState<ITextCopied>();

  useEffect(() => {
    if (inputText && hasTranslated) {
      setHistory((prevHistory) => [
        ...prevHistory,
        {
          inputText: JSON.stringify(inputText),
          outputText: JSON.stringify(outputText),
          tableSchema,
          isHumanToSql,
        },
      ]);

      addHistoryEntry({
        inputText: JSON.stringify(inputText),
        tableSchema,
        isHumanToSql,
        outputText: JSON.stringify(outputText),
      });

      setHasTranslated(false);
    }
  }, [outputText]);

  useEffect(() => {
    setMounted(true);
  }, []);

  useEffect(() => {
    if (translationError) toast.error(translationError);
  }, [translationError]);

  if (!mounted) {
    return null;
  }

  const isValidTableSchema = (text: string) => {