refactor: move functions

assets/pages/info/TldPage.tsx

@@ -6,28 +6,14 @@ import {regionNames} from "../../i18n";
 import useBreakpoint from "../../hooks/useBreakpoint";
 import {ColumnType} from "antd/es/table";
 import punycode from "punycode/punycode";
+import {getCountryCode} from "../../utils/functions/getCountryCode";
+import {tldToEmoji} from "../../utils/functions/tldToEmoji";
 
 const {Text, Paragraph} = Typography
 
 type TldType = 'iTLD' | 'sTLD' | 'gTLD' | 'ccTLD'
 type FiltersType = { type: TldType, contractTerminated?: boolean, specification13?: boolean }
 
-const toEmoji = (tld: string) => {
-    if (tld.startsWith('xn--')) return '-'
-
-    return String.fromCodePoint(
-        ...getCountryCode(tld)
-            .toUpperCase()
-            .split('')
-            .map((char) => 127397 + char.charCodeAt(0))
-    )
-}
-
-const getCountryCode = (tld: string): string => {
-    const exceptions = {uk: 'gb', su: 'ru', tp: 'tl'}
-    if (tld in exceptions) return exceptions[tld as keyof typeof exceptions]
-    return tld.toUpperCase()
-}
 
 function TldTable(filters: FiltersType) {
     const sm = useBreakpoint('sm')
@@ -55,7 +41,7 @@ function TldTable(filters: FiltersType) {
 
                         return {
                             ...rowData,
-                            Flag: toEmoji(tld.tld),
+                            Flag: tldToEmoji(tld.tld),
                             Country: countryName
                         }
                     case 'gTLD':

assets/pages/search/DomainSearchPage.tsx

@@ -4,8 +4,8 @@ import {Domain, getDomain} from "../../utils/api";
 import {AxiosError} from "axios"
 import {t} from 'ttag'
 import {DomainSearchBar, FieldType} from "../../components/search/DomainSearchBar";
-import {showErrorAPI} from "../../utils";
 import {DomainResult} from "../../components/search/DomainResult";
+import {showErrorAPI} from "../../utils/functions/showErrorAPI";
 
 export default function DomainSearchPage() {
     const [domain, setDomain] = useState<Domain | null>()

assets/pages/tracking/ConnectorsPage.tsx

@@ -5,7 +5,8 @@ import {Connector, getConnectors, postConnector} from "../../utils/api/connector
 import {ConnectorForm} from "../../components/tracking/connector/ConnectorForm";
 import {AxiosError} from "axios";
 import {ConnectorElement, ConnectorsList} from "../../components/tracking/connector/ConnectorsList";
-import {showErrorAPI} from "../../utils";
+
+import {showErrorAPI} from "../../utils/functions/showErrorAPI";
 
 export default function ConnectorsPage() {
     const [form] = Form.useForm()

assets/pages/tracking/WatchlistPage.tsx

@@ -6,7 +6,8 @@ import {t} from 'ttag'
 import {WatchlistForm} from "../../components/tracking/watchlist/WatchlistForm";
 import {WatchlistsList} from "../../components/tracking/watchlist/WatchlistsList";
 import {Connector, getConnectors} from "../../utils/api/connectors";
-import {showErrorAPI} from "../../utils";
+
+import {showErrorAPI} from "../../utils/functions/showErrorAPI";
 
 
 export type Watchlist = {