From b87953a34ec91d6b06997d7ab1537020bcaab4d6 Mon Sep 17 00:00:00 2001
From: David <info@thedaviddelta.com>
Date: Fri, 19 Mar 2021 00:20:28 +0100
Subject: [PATCH] Manual 'lang'

---
 .gitattributes                 | 1 +
 components/TranslationArea.tsx | 1 -
 pages/[[...slug]].tsx          | 7 +++++--
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/.gitattributes b/.gitattributes
index 9d591e1..d2fe64e 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -1 +1,2 @@
 *.config.js linguist-detectable=false
+cypress/support/*.js linguist-detectable=false
diff --git a/components/TranslationArea.tsx b/components/TranslationArea.tsx
index 6ee1349..659aa54 100644
--- a/components/TranslationArea.tsx
+++ b/components/TranslationArea.tsx
@@ -13,7 +13,6 @@ const TranslationArea: FC<Props> = ({ value, onChange, readOnly, ...props }) =>
         value={value}
         onChange={onChange}
         readOnly={readOnly}
-        lang="auto"
         dir="auto"
         resize="none"
         rows={useBreakpointValue([6, null, 12]) ?? undefined}
diff --git a/pages/[[...slug]].tsx b/pages/[[...slug]].tsx
index a2865dd..ce46b72 100644
--- a/pages/[[...slug]].tsx
+++ b/pages/[[...slug]].tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect, useReducer, FC, ChangeEvent } from "react";
+import { useEffect, useReducer, FC, ChangeEvent } from "react";
 import { GetStaticPaths, GetStaticProps, InferGetStaticPropsType } from "next";
 import Router from "next/router";
 import { Stack, VStack, HStack, IconButton } from "@chakra-ui/react";
@@ -6,7 +6,7 @@ import { FaExchangeAlt } from "react-icons/fa";
 import { CustomError, Layout, LangSelect, TranslationArea } from "../components";
 import { useToastOnLoad } from "../hooks";
 import { googleScrape, extractSlug } from "../utils/translate";
-import { retrieveFiltered } from "../utils/language";
+import { retrieveFiltered, replaceBoth } from "../utils/language";
 import langReducer, { Actions, initialState } from "../utils/reducer";
 
 const Page: FC<InferGetStaticPropsType<typeof getStaticProps>> = ({ home, translationRes, statusCode, errorMsg, initial }) => {
@@ -46,6 +46,7 @@ const Page: FC<InferGetStaticPropsType<typeof getStaticProps>> = ({ home, transl
     }, [source, target, delayedQuery, initial, home]);
 
     const { sourceLangs, targetLangs } = retrieveFiltered(source, target);
+    const { source: transLang, target: queryLang } = replaceBoth("exception", { source: target, target: source });
 
     useToastOnLoad({
         title: "Unexpected error",
@@ -90,6 +91,7 @@ const Page: FC<InferGetStaticPropsType<typeof getStaticProps>> = ({ home, transl
                         placeholder="Text"
                         value={query}
                         onChange={handleChange}
+                        lang={queryLang}
                     />
                     <TranslationArea
                         id="translation"
@@ -97,6 +99,7 @@ const Page: FC<InferGetStaticPropsType<typeof getStaticProps>> = ({ home, transl
                         placeholder="Translation"
                         value={translation ?? ""}
                         readOnly={true}
+                        lang={transLang}
                     />
                 </Stack>
             </VStack>