rebrand(lethean): update branding, ports, and config for Lethean blockchain

- Coin: Zano → Lethean, ticker: ZAN/ZANO → LTHN
- Ports: 11211 → 36941 (mainnet RPC), 46941 (testnet RPC)
- Wallet: 11212 → 36944/46944
- Address prefix: iTHN
- URLs: zano.org → lethean.io
- Explorer links: explorer.lthn.io

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

.gitmodules

@@ -1,3 +1,3 @@
-[submodule "submodules/zano_ui"]
+[submodule "submodules/lethean_ui"]
-	path = submodules/zano_ui
+	path = submodules/lethean_ui
-	url = https://github.com/PRavaga/zano_ui.git
+	url = https://github.com/PRavaga/lethean_ui.git

Dockerfile

@@ -0,0 +1,32 @@
+FROM node:22-alpine AS deps
+WORKDIR /app
+COPY package*.json ./
+RUN npm ci
+
+FROM node:22-alpine AS build
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+# Ensure lethean_ui submodule stubs exist
+RUN rm -rf submodules/lethean_ui 2>/dev/null; \
+    mkdir -p submodules/lethean_ui/src/styles && \
+    printf 'import React from "react";\nexport function Footer({ className }) {\n  return React.createElement("footer", { className, style: { padding: "20px", textAlign: "center", color: "#888" } }, "Lethean Trade | lethean.io");\n}\n' > submodules/lethean_ui/src/index.tsx && \
+    printf ':root { --primary: #00d4aa; }\n' > submodules/lethean_ui/src/styles/globals.scss && \
+    printf '$primary: #00d4aa;\n' > submodules/lethean_ui/src/styles/variables.scss && \
+    printf '{ "name": "lethean_ui", "version": "0.0.1", "main": "src/index.tsx" }\n' > submodules/lethean_ui/package.json
+
+RUN npx next build
+
+FROM node:22-alpine
+WORKDIR /app
+COPY --from=build /app/.next ./.next
+COPY --from=build /app/node_modules ./node_modules
+COPY --from=build /app/package.json ./
+COPY --from=build /app/public ./public
+COPY --from=build /app/next.config.js ./
+
+ENV NODE_ENV=production
+EXPOSE 30289
+
+CMD ["npx", "next", "start", "-p", "30289"]

next-env.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import './.next/dev/types/routes.d.ts';
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

next.config.js

@@ -1,6 +1,23 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
 	reactStrictMode: true,
+	transpilePackages: [
+		'antd',
+		'rc-util',
+		'rc-pagination',
+		'rc-picker',
+		'rc-input',
+		'rc-table',
+		'rc-select',
+		'rc-tree',
+		'rc-dropdown',
+		'rc-menu',
+		'rc-tabs',
+		'rc-tooltip',
+		'rc-notification',
+		'@ant-design/icons',
+		'@ant-design/cssinjs',
+	],
 	async redirects() {
 		return [
 			{
@@ -8,27 +25,20 @@ const nextConfig = {
 				destination: '/dex',
 				permanent: false,
 			},
-			// {
-			//   source: '/((?!maintenance).*)', // Match everything except "/maintenance"
-			//   destination: '/maintenance',
-			//   permanent: false,
-			// },
 		];
 	},
 	webpack: (config) => {
 		config.module.rules.push({
 			test: /\.svg$/i,
-			resourceQuery: /url/, // *.svg?url
+			resourceQuery: /url/,
 			type: 'asset/resource',
 		});
-
 		config.module.rules.push({
 			test: /\.svg$/i,
 			issuer: /\.[jt]sx?$/,
 			resourceQuery: { not: [/url/] },
 			use: ['@svgr/webpack'],
 		});
-
 		return config;
 	},
 	async rewrites() {

package.json

@@ -1,9 +1,8 @@
 {
-	"name": "zano-p2p",
+	"name": "lethean-p2p",
 	"version": "0.1.0",
 	"private": true,
-	"type": "module",
+		"scripts": {
-	"scripts": {
 		"dev": "next dev --webpack",
 		"build": "next build --webpack",
 		"start": "next start -p 30289",
@@ -21,6 +20,8 @@
 		]
 	},
 	"dependencies": {
+		"@ant-design/icons": "^5.2.6",
+		"@ant-design/icons-svg": "^4.3.1",
 		"@react-hook/window-size": "^3.1.1",
 		"@tanstack/react-table": "^8.21.3",
 		"antd": "^5.23.2",
@@ -30,7 +31,7 @@
 		"echarts": "^5.5.1",
 		"echarts-for-react": "^3.0.2",
 		"nanoid": "^5.1.6",
-		"next": "^16.1.1",
+		"next": "^14.2.35",
 		"next-themes": "^0.2.1",
 		"node-fetch": "^3.3.1",
 		"nprogress": "^0.2.0",

src/components/UI/ConnectButton/ConnectButton.tsx

@@ -5,7 +5,7 @@ import Alert from '@/components/UI/Alert/Alert';
 import useUpdateUser from '@/hook/useUpdateUser';
 import AlertType from '@/interfaces/common/AlertType';
 import ConnectButtonProps from '@/interfaces/props/components/UI/ConnectButton/ConnectButtonProps';
-import ZanoWindow from '@/interfaces/common/ZanoWindow';
+import LtheanWindow from '@/interfaces/common/LtheanWindow';
 import Button from '../Button/Button';
 
 function ConnectButton(props: ConnectButtonProps) {
@@ -23,7 +23,7 @@ function ConnectButton(props: ConnectButtonProps) {
 			setAlertState('loading');
 			await new Promise((resolve) => setTimeout(resolve, 1000));
 			const walletData = (
-				await (window as unknown as ZanoWindow).zano.request('GET_WALLET_DATA')
+				await (window as unknown as LtheanWindow).lethean.request('GET_WALLET_DATA')
 			).data;
 
 			const walletAddress = walletData?.address;
@@ -58,7 +58,7 @@ function ConnectButton(props: ConnectButtonProps) {
 				throw new Error('Unknown error during auth request');
 			}
 
-			const signResult = await (window as unknown as ZanoWindow).zano.request(
+			const signResult = await (window as unknown as LtheanWindow).lethean.request(
 				'REQUEST_MESSAGE_SIGN',
 				{ message: authMessage },
 				null,

src/components/UI/Filters/Filters.tsx

@@ -86,7 +86,7 @@ function Filters(props: FiltersProps) {
 						withAll={props.withSearch}
 						content={props.currencies.filter((e) => e.name === 'Fiat currencies')}
 						className={styles.filters__price__dropdown}
-						// header={{ title: "ZANO", image: zanoIcon }}
+						// header={{ title: "LTHN", image: letheanIcon }}
 						value={filtersState.targetCurrency}
 						setValue={(e) => setFiltersState({ ...filtersState, targetCurrency: e })}
 					/>

src/components/default/CreateOfferPopup/CreateOfferPopup.tsx

@@ -27,7 +27,8 @@ function CreateOfferPopup(props: CreateOfferPopupProps) {
 	const { state, dispatch } = useContext(Store);
 
 	const depositCurrencies =
-		state.config?.currencies.filter((e) => e?.type === 'deposit' || e?.code === 'zano') || [];
+		state.config?.currencies.filter((e) => e?.type === 'deposit' || e?.code === 'lethean') ||
+		[];
 
 	const allowedDepositCurrencies = depositCurrencies.filter((e) =>
 		(state.wallet?.assets || []).find((asset) => e.name === asset.ticker),

src/components/default/Header/Header.tsx

@@ -6,7 +6,7 @@ import BurgerCrossIcon from '@/assets/images/UI/burger_cross.svg';
 import React, { useRef, useState, useEffect, useContext } from 'react';
 import EyeIcon from '@/assets/images/UI/eye.svg';
 import EyeCloseIcon from '@/assets/images/UI/eye_close.svg';
-import zanoIcon from '@/assets/images/UI/zano.svg?url';
+import letheanIcon from '@/assets/images/UI/lethean.svg?url';
 import bitcoinWhiteIcon from '@/assets/images/UI/wbtc.svg?url';
 import sunIcon from '@/assets/images/UI/sun_icon.svg?url';
 import moonIcon from '@/assets/images/UI/moon_icon.svg?url';
@@ -28,7 +28,7 @@ import Decimal from 'decimal.js';
 import socket from '@/utils/socket';
 import { OrderDataWithPair } from '@/interfaces/responses/orders/GetOrdersPageRes';
 import { useRouter } from 'next/router';
-import zanoImg from '@/assets/images/UI/zano.svg?url';
+import letheanImg from '@/assets/images/UI/lethean.svg?url';
 import useUpdateUser from '@/hook/useUpdateUser';
 import NavBar from './NavBar/NavBar';
 import styles from './Header.module.scss';
@@ -134,9 +134,9 @@ function Header({ isLg }: { isLg?: boolean }) {
 					>
 						<Row
 							balanceSeen={balanceSeen}
-							icon={zanoIcon}
+							icon={letheanIcon}
-							title="ZANO"
+							title="LTHN"
-							amount={Number(assets.find((e) => e.ticker === 'ZANO')?.balance) || 0}
+							amount={Number(assets.find((e) => e.ticker === 'LTHN')?.balance) || 0}
 						></Row>
 						{/* <img
                             onClick={() => setBalanceState(!balanceSeen)}
@@ -158,7 +158,7 @@ function Header({ isLg }: { isLg?: boolean }) {
 					{currencyCheckOpended && (
 						<div className={styles.currency__check__menu}>
 							{assets
-								?.filter((e) => e.ticker !== 'ZANO')
+								?.filter((e) => e.ticker !== 'LTHN')
 								.map((e) => (
 									<Row
 										key={e.ticker}
@@ -273,13 +273,13 @@ function Header({ isLg }: { isLg?: boolean }) {
 
 					const pairLink = `/dex/trading/${pair.id}#my_orders`;
 
-					const notification = new Notification('Zano Trade - New offer', {
+					const notification = new Notification('Lethean Trade - New offer', {
 						body: `You have new offer: ${orderData.type === 'buy' ? 'Buy' : 'Sell'} | ${
 							pair.first_currency.name
 						}/${pair.second_currency.name} | Price: ${notationToString(
 							orderData.price,
 						)}`,
-						icon: zanoImg,
+						icon: letheanImg,
 					});
 
 					notification.onclick = () => {
@@ -349,7 +349,7 @@ function Header({ isLg }: { isLg?: boolean }) {
 			<header className={classes(styles.header, isLg && styles.lg)}>
 				<div className={styles.header__logo}>
 					<Link href="/dex">
-						<img src={theme === 'dark' ? logoImg : logoImgWhite} alt="Zano P2P" />
+						<img src={theme === 'dark' ? logoImg : logoImgWhite} alt="Lethean P2P" />
 					</Link>
 				</div>
 

src/components/dex/InputPanelItem/index.tsx

@@ -30,7 +30,7 @@ function InputPanelItem(props: InputPanelItemProps) {
 		setRangeInputValue,
 		rangeInputValue = '50',
 		balance = 0,
-		zanoBalance = 0,
+		letheanBalance = 0,
 		amountValid,
 		priceValid,
 		totalValid,
@@ -72,9 +72,9 @@ function InputPanelItem(props: InputPanelItemProps) {
 	}
 
 	const numericBalance = Number(balance);
-	const numericZanoBalance = Number(zanoBalance);
+	const numericLetheanBalance = Number(letheanBalance);
 	const hasValidAssetBalance = Number.isFinite(numericBalance);
-	const hasValidZanoBalance = Number.isFinite(numericZanoBalance);
+	const hasValidLetheanBalance = Number.isFinite(numericLetheanBalance);
 
 	async function postOrder() {
 		const price = new Decimal(priceState);
@@ -91,12 +91,14 @@ function InputPanelItem(props: InputPanelItemProps) {
 		if (!isFull) return;
 
 		const assetAmount = new Decimal(hasValidAssetBalance ? String(numericBalance) : '0');
-		const zanoAmount = new Decimal(hasValidZanoBalance ? String(numericZanoBalance) : '0');
+		const letheanAmount = new Decimal(
+			hasValidLetheanBalance ? String(numericLetheanBalance) : '0',
+		);
 
 		if (isBuy) {
-			if (zanoAmount.lessThan(total)) {
+			if (letheanAmount.lessThan(total)) {
 				setAlertState('error');
-				setAlertSubtitle('Insufficient ZANO balance');
+				setAlertSubtitle('Insufficient LTHN balance');
 				setTimeout(() => setAlertState(null), 3000);
 				return;
 			}
@@ -255,7 +257,7 @@ function InputPanelItem(props: InputPanelItemProps) {
 
 					<div className={classes(styles.inputPanel__body_labels, styles.mobileWrap)}>
 						<p className={styles.inputPanel__body_labels__item}>
-							Fee: <span>0.01</span> ZANO
+							Fee: <span>0.01</span> LTHN
 						</p>
 
 						<p className={styles.inputPanel__body_labels__item}>

src/components/dex/MatrixConnectionBadge/index.tsx

@@ -49,7 +49,7 @@ function MatrixConnectionBadge({
 				ref={anchorRef}
 				onClick={(e) => {
 					e.preventDefault();
-					window.open(`https://matrix.to/#/@${userAlias}:zano.org`);
+					window.open(`https://matrix.to/#/@${userAlias}:lethean.org`);
 				}}
 				onMouseEnter={() => {
 					setOpen(true);

src/components/dex/OrdersPool/index.tsx

@@ -73,17 +73,17 @@ const OrdersPool = (props: OrdersPoolProps) => {
 			}
 		}
 
-		const totalZano = buyTotal.plus(sellTotal);
+		const totalLethean = buyTotal.plus(sellTotal);
 		const pct = (part: Decimal, whole: Decimal) =>
 			whole.gt(0) ? part.mul(100).div(whole) : new Decimal(0);
 
-		const buyPct = pct(buyTotal, totalZano);
+		const buyPct = pct(buyTotal, totalLethean);
-		const sellPct = pct(sellTotal, totalZano);
+		const sellPct = pct(sellTotal, totalLethean);
 
 		return {
 			buyTotal,
 			sellTotal,
-			totalZano,
+			totalLethean,
 			buyPct,
 			sellPct,
 			maxBuyRow,
@@ -198,7 +198,7 @@ const OrdersPool = (props: OrdersPoolProps) => {
 										}
 									}}
 									getRowProps={(row) => {
-										const rowTotalZano = new Decimal(row.left || 0).mul(
+										const rowTotalLethean = new Decimal(row.left || 0).mul(
 											new Decimal(row.price || 0),
 										);
 										const denom =
@@ -206,7 +206,7 @@ const OrdersPool = (props: OrdersPoolProps) => {
 												? totals.maxBuyRow
 												: totals.maxSellRow;
 										const widthPct = denom.gt(0)
-											? rowTotalZano.mul(100).div(denom)
+											? rowTotalLethean.mul(100).div(denom)
 											: new Decimal(0);
 
 										return {
@@ -306,24 +306,26 @@ const OrdersPool = (props: OrdersPoolProps) => {
 				<div className={styles.ordersPool__content}>
 					{renderTable()}
 
-					{currentOrder.type === 'orders' && !ordersLoading && totals.totalZano.gt(0) && (
+					{currentOrder.type === 'orders' &&
-						<div className={styles.ordersPool__content_stats}>
+						!ordersLoading &&
-							<div
+						totals.totalLethean.gt(0) && (
-								style={{ '--width': `${buyDisp}%` } as React.CSSProperties}
+							<div className={styles.ordersPool__content_stats}>
-								className={classes(styles.stat_item, styles.buy)}
+								<div
-							>
+									style={{ '--width': `${buyDisp}%` } as React.CSSProperties}
-								<div className={styles.stat_item__badge}>B</div>
+									className={classes(styles.stat_item, styles.buy)}
-								{buyDisp}%
+								>
-							</div>
+									<div className={styles.stat_item__badge}>B</div>
+									{buyDisp}%
+								</div>
 
-							<div
+								<div
-								style={{ '--width': `${sellDisp}%` } as React.CSSProperties}
+									style={{ '--width': `${sellDisp}%` } as React.CSSProperties}
-								className={classes(styles.stat_item, styles.sell)}
+									className={classes(styles.stat_item, styles.sell)}
-							>
+								>
-								{sellDisp}%<div className={styles.stat_item__badge}>S</div>
+									{sellDisp}%<div className={styles.stat_item__badge}>S</div>
+								</div>
 							</div>
-						</div>
+						)}
-					)}
 				</div>
 			</div>
 

src/hook/useOrdereForm.ts

@@ -40,8 +40,8 @@ export function useOrderForm({
 	useEffect(() => {
 		try {
 			const totalDecimal = new Decimal(total);
-			const zanoPrice = assetsRates.get(pairData?.second_currency?.asset_id || '');
+			const letheanPrice = assetsRates.get(pairData?.second_currency?.asset_id || '');
-			setTotalUsd(zanoPrice ? totalDecimal.mul(zanoPrice).toFixed(2) : undefined);
+			setTotalUsd(letheanPrice ? totalDecimal.mul(letheanPrice).toFixed(2) : undefined);
 		} catch (err) {
 			setTotalUsd(undefined);
 		}

src/hook/useTradeInit.ts

@@ -3,7 +3,7 @@ import { Store } from '@/store/store-reducer';
 import { useContext } from 'react';
 import Decimal from 'decimal.js';
 import { PairStats } from '@/interfaces/responses/orders/GetPairStatsRes';
-import { ZANO_ASSET_ID } from '@/utils/utils';
+import { LTHN_ASSET_ID } from '@/utils/utils';
 import { useOrderForm } from './useOrdereForm';
 
 interface useTradeInitParams {
@@ -23,15 +23,15 @@ const useTradeInit = ({ pairData, pairStats }: useTradeInitParams) => {
 
 	const assets = state.wallet?.connected ? state.wallet?.assets || [] : [];
 	const balance = assets.find((e) => e.assetId === firstCurrencyAssetID)?.balance;
-	const zanoBalance = assets.find((e) => e.assetId === ZANO_ASSET_ID)?.balance || 0;
+	const letheanBalance = assets.find((e) => e.assetId === LTHN_ASSET_ID)?.balance || 0;
 
 	const firstAssetId = pairData ? pairData.first_currency?.asset_id : undefined;
 	const secondAssetId = pairData ? pairData.second_currency?.asset_id : undefined;
 	const firstAssetLink = firstAssetId
-		? `https://explorer.zano.org/assets?asset_id=${encodeURIComponent(firstAssetId)}`
+		? `https://explorer.lethean.org/assets?asset_id=${encodeURIComponent(firstAssetId)}`
 		: undefined;
 	const secondAssetLink = secondAssetId
-		? `https://explorer.zano.org/assets?asset_id=${encodeURIComponent(secondAssetId)}`
+		? `https://explorer.lethean.org/assets?asset_id=${encodeURIComponent(secondAssetId)}`
 		: undefined;
 
 	const secondAssetUsdPrice = state.assetsRates.get(secondAssetId || '');
@@ -53,7 +53,7 @@ const useTradeInit = ({ pairData, pairStats }: useTradeInitParams) => {
 		secondAssetLink,
 		secondAssetUsdPrice,
 		balance,
-		zanoBalance,
+		letheanBalance,
 		orderForm,
 		pairRateUsd,
 	};

src/interfaces/common/LtheanWindow.ts

@@ -1,10 +1,10 @@
 type GlobalWindow = Window & typeof globalThis;
 
-type ZanoWindow = Omit<GlobalWindow, 'Infinity'> & {
+type LtheanWindow = Omit<GlobalWindow, 'Infinity'> & {
-	zano: {
+	lethean: {
 		// eslint-disable-next-line @typescript-eslint/no-explicit-any
 		request: (_str: string, _params?: any, _timeoutMs?: number | null) => Promise<any>;
 	};
 };
 
-export default ZanoWindow;
+export default LtheanWindow;

src/interfaces/props/pages/dex/trading/InputPanelItem/InputPanelItemProps.ts

@@ -16,7 +16,7 @@ interface InputPanelItemProps {
 	setRangeInputValue: Dispatch<SetStateAction<string>>;
 	rangeInputValue: string;
 	balance: number | undefined;
-	zanoBalance: number | undefined;
+	letheanBalance: number | undefined;
 	amountValid: boolean;
 	priceValid: boolean;
 	totalValid: boolean;

src/pages/PageHandler.tsx

@@ -5,8 +5,8 @@ import { updateAssetsRate, updateConfig } from '@/store/actions';
 import { useRouter } from 'next/router';
 import socket from '@/utils/socket';
 import { GetConfigResData } from '@/interfaces/responses/config/GetConfigRes';
-import { getZanoPrice } from '@/utils/methods';
+import { getLetheanPrice } from '@/utils/methods';
-import { ZANO_ASSET_ID } from '@/utils/utils';
+import { LTHN_ASSET_ID } from '@/utils/utils';
 
 function PageHandler(props: { config: GetConfigResData }) {
 	const { state, dispatch } = useContext(Store);
@@ -59,17 +59,17 @@ function PageHandler(props: { config: GetConfigResData }) {
 			let result;
 
 			try {
-				result = await getZanoPrice();
+				result = await getLetheanPrice();
 			} catch {
 				return;
 			}
 
-			const zanoUsd = result?.data?.usd;
+			const letheanUsd = result?.data?.usd;
 
-			if (!result?.success || typeof zanoUsd !== 'number') return;
+			if (!result?.success || typeof letheanUsd !== 'number') return;
 
 			const assetsRates = new Map<string, number>();
-			assetsRates.set(ZANO_ASSET_ID, zanoUsd);
+			assetsRates.set(LTHN_ASSET_ID, letheanUsd);
 
 			updateAssetsRate(dispatch, assetsRates);
 		}

src/pages/_app.tsx

@@ -1,6 +1,6 @@
 import '@/styles/globals.scss';
-import '@/zano_ui/src/styles/globals.scss';
+import '@/lethean_ui/src/styles/globals.scss';
-import '@/zano_ui/src/styles/variables.scss';
+import '@/lethean_ui/src/styles/variables.scss';
 import '@/styles/themes/light.scss';
 import '@/styles/themes/dark.scss';
 import Head from 'next/head';
@@ -56,8 +56,8 @@ function App(data: AppProps & { config?: GetConfigResData }) {
 				`}
 			</style>
 			<Head>
-				<title>Zano Trade</title>
+				<title>Lethean Trade</title>
-				<meta name="description" content="Peer-to-Peer Trading App on Zano blockchain" />
+				<meta name="description" content="Peer-to-Peer Trading App on Lethean blockchain" />
 				<meta
 					name="viewport"
 					content="width=device-width, initial-scale=1  user-scalable=no"
@@ -65,20 +65,20 @@ function App(data: AppProps & { config?: GetConfigResData }) {
 				<link rel="icon" href="/favicon.ico" />
 
 				<meta property="og:type" content="website" />
-				<meta property="og:url" content="https://trade.zano.org/" />
+				<meta property="og:url" content="https://trade.lethean.org/" />
-				<meta property="og:title" content="Zano Trade" />
+				<meta property="og:title" content="Lethean Trade" />
 				<meta
 					property="og:description"
-					content="Peer-to-Peer Trading App on Zano blockchain"
+					content="Peer-to-Peer Trading App on Lethean blockchain"
 				/>
 				<meta property="og:image" content="social-banner.png" />
 
 				<meta property="twitter:card" content="summary_large_image" />
-				<meta property="twitter:url" content="https://trade.zano.org/" />
+				<meta property="twitter:url" content="https://trade.lethean.org/" />
-				<meta property="twitter:title" content="Zano Trade" />
+				<meta property="twitter:title" content="Lethean Trade" />
 				<meta
 					property="twitter:description"
-					content="Peer-to-Peer Trading App on Zano blockchain"
+					content="Peer-to-Peer Trading App on Lethean blockchain"
 				/>
 				<meta property="twitter:image" content="social-banner.png" />
 			</Head>

src/pages/dex/index.tsx

@@ -13,7 +13,7 @@ import { useInView } from 'react-intersection-observer';
 import Preloader from '@/components/UI/Preloader/Preloader';
 import { PairSortOption } from '@/interfaces/enum/pair';
 import PairsTable from '@/components/default/PairsTable/PairsTable';
-import { Footer } from '@/zano_ui/src';
+import { Footer } from '@/lethean_ui/src';
 import DexHeader from './DexHeader/DexHeader';
 import PairsList from './pairs/PairsList/PairsList';
 
@@ -121,7 +121,7 @@ function Dex({ initialPairs }: { initialPairs: PairData[] }) {
 					blue="Decentralized"
 					white=" Exchange"
 					description="Peer-to-Peer Trading with Ionic Swaps"
-					mobileDescription="Peer-to-Peer Trading App on Zano blockchain"
+					mobileDescription="Peer-to-Peer Trading App on Lethean blockchain"
 				>
 					<Link href="/dex/orders">
 						<Button className={styles.history__btn} transparent>

src/pages/dex/orders/index.tsx

@@ -13,7 +13,7 @@ import { UserOrderData } from '@/interfaces/responses/orders/GetUserOrdersRes';
 import PairValue from '@/interfaces/props/pages/dex/orders/PairValue';
 import DateState from '@/interfaces/common/DateState';
 import useUpdateUser from '@/hook/useUpdateUser';
-import { Footer } from '@/zano_ui/src';
+import { Footer } from '@/lethean_ui/src';
 import {
 	GetUserOrdersBodyStatus,
 	GetUserOrdersBodyType,

src/pages/dex/trading/[id].tsx

@@ -38,7 +38,7 @@ import useUpdateUser from '@/hook/useUpdateUser';
 import { GuideProvider } from '@/store/guide-provider';
 import { GetServerSidePropsContext } from 'next';
 import { TradingProps } from '@/interfaces/props/pages/dex/trading/TradingProps';
-import { Footer } from '@/zano_ui/src';
+import { Footer } from '@/lethean_ui/src';
 
 function Trading({
 	initialOrders,
@@ -75,7 +75,7 @@ function Trading({
 		secondAssetLink,
 		secondAssetUsdPrice,
 		balance,
-		zanoBalance,
+		letheanBalance,
 		pairRateUsd,
 	} = useTradeInit({ pairData, pairStats });
 
@@ -223,7 +223,7 @@ function Trading({
 							setRangeInputValue={orderForm.setRangeInputValue}
 							rangeInputValue={orderForm.rangeInputValue}
 							balance={Number(balance)}
-							zanoBalance={Number(zanoBalance)}
+							letheanBalance={Number(letheanBalance)}
 							priceValid={orderForm.priceValid}
 							amountValid={orderForm.amountValid}
 							totalValid={orderForm.totalValid}

src/pages/maintenance/index.tsx

@@ -19,7 +19,7 @@ const Maintenance = () => {
 				width={242}
 				height={48}
 				src={theme === 'dark' ? logoImg : logoImgWhite}
-				alt="Zano P2P"
+				alt="Lethean P2P"
 			/>
 
 			<div className={styles.main__content}>
@@ -33,13 +33,13 @@ const Maintenance = () => {
 				</p>
 
 				<div className={styles.main__content_social}>
-					<Link target="_blank" href="https://discord.gg/zano">
+					<Link target="_blank" href="https://discord.gg/lethean">
 						<DisconrdIcon />
 					</Link>
-					<Link target="_blank" href="https://twitter.com/zano_project">
+					<Link target="_blank" href="https://twitter.com/lethean_project">
 						<TwitterIcon />
 					</Link>
-					<Link target="_blank" href="https://t.me/zanocoin">
+					<Link target="_blank" href="https://t.me/letheancoin">
 						<TelegramIcon />
 					</Link>
 				</div>

src/pages/p2p/index.tsx

@@ -15,7 +15,7 @@ import MainPageTitle from '@/components/default/MainPageTitle/MainPageTitle';
 import HomeProps from '@/interfaces/props/pages/p2p/HomeProps';
 import OfferData from '@/interfaces/responses/offers/OfferData';
 import { useRouter } from 'next/router';
-import { Footer } from '@/zano_ui/src';
+import { Footer } from '@/lethean_ui/src';
 
 function Home(props: HomeProps) {
 	const [offers, setOffers] = useState<OfferData[]>([]);

src/pages/p2p/process/[id].tsx

@@ -1,6 +1,6 @@
 import styles from '@/styles/Process.module.scss';
 import Header from '@/components/default/Header/Header';
-import { Footer } from '@/zano_ui/src';
+import { Footer } from '@/lethean_ui/src';
 import ProcessContent from './components/ProcessContent/ProcessContent';
 
 function Process() {

src/pages/p2p/profile/index.tsx

@@ -11,7 +11,7 @@ import CategoriesState from '@/interfaces/states/pages/p2p/profile/CategoriesSta
 import FiltersState, { BuySell } from '@/interfaces/states/pages/p2p/profile/FiltersState';
 import { UserChatData } from '@/interfaces/responses/user/GetUserRes';
 import OffersStateElement from '@/interfaces/states/pages/p2p/profile/OffersState';
-import { Footer } from '@/zano_ui/src';
+import { Footer } from '@/lethean_ui/src';
 import ProfileTable from './ProfileTable/ProfileTable';
 
 function Profile() {

src/pages/policy/index.tsx

@@ -3,7 +3,7 @@ import Header from '@/components/default/Header/Header';
 import Link from 'next/link';
 import PageTitle from '@/components/default/PageTitle/PageTitle';
 import { nanoid } from 'nanoid';
-import { Footer } from '@/zano_ui/src';
+import { Footer } from '@/lethean_ui/src';
 
 function Policy() {
 	const contentList: string[] = Array(5).fill('Donec tellus felis, egestas ac tortor in;');

src/pages/swap/index.tsx

@@ -3,7 +3,7 @@ import Header from '@/components/default/Header/Header';
 import MainPageTitle from '@/components/default/MainPageTitle/MainPageTitle';
 import HistoryIcon from '@/assets/images/UI/history_icon.svg';
 import ExchangeIcon from '@/assets/images/UI/change_icon.svg';
-import zanoWhiteIcon from '@/assets/images/UI/zano_white.svg?url';
+import letheanWhiteIcon from '@/assets/images/UI/lethean_white.svg?url';
 import tickIcon from '@/assets/images/UI/tick_icon.svg?url';
 import Link from 'next/link';
 import Button from '@/components/UI/Button/Button';
@@ -18,7 +18,7 @@ import CurvePairChart from '@/components/UI/CurvePairChart/CurvePairChart';
 import SwapItemProps from '@/interfaces/props/pages/swap/SwapItemProps';
 import CurrencyRow from '@/interfaces/common/CurrencyRow';
 import { useRouter } from 'next/router';
-import { Footer } from '@/zano_ui/src';
+import { Footer } from '@/lethean_ui/src';
 
 function Swap() {
 	const { state } = useContext(Store);
@@ -37,8 +37,9 @@ function Swap() {
 
 	useEffect(() => {
 		const allCurrencies =
-			state.config?.currencies?.filter((e) => e?.type === 'deposit' || e?.code === 'zano') ||
+			state.config?.currencies?.filter(
-			[];
+				(e) => e?.type === 'deposit' || e?.code === 'lethean',
+			) || [];
 
 		const currencies = getFormattedCurrencies(allCurrencies);
 
@@ -53,8 +54,8 @@ function Swap() {
 
 	const items = [
 		{
-			name: 'Zano',
+			name: 'Lethean',
-			code: 'ZANO',
+			code: 'LTHN',
 			rate: '1.06',
 			coefficient: 4.6,
 		},
@@ -79,7 +80,7 @@ function Swap() {
 			<div className={styles.swap__item}>
 				<div>
 					<div>
-						<img src={zanoWhiteIcon} alt="currency"></img>
+						<img src={letheanWhiteIcon} alt="currency"></img>
 					</div>
 					<div className={styles.swap__item__description}>
 						<h5>{item.name}</h5>
@@ -202,7 +203,7 @@ function Swap() {
 									<p>
 										Fee: <span>0.01%</span>
 									</p>
-									<p>0.5 ZANO</p>
+									<p>0.5 LTHN</p>
 								</div>
 							</div>
 

src/pages/user/index.js

@@ -1,11 +1,11 @@
 import styles from '@/styles/User.module.scss';
 import Header from '@/components/default/Header/Header';
 import infoBlueIcon from '@/assets/images/UI/info_blue.svg?url';
-import zanoIcon from '@/assets/images/UI/zano.svg?url';
+import letheanIcon from '@/assets/images/UI/lethean.svg?url';
 import Offers from '@/components/default/Offers/Offers';
 import BackButton from '@/components/default/BackButton/BackButton';
 import { nanoid } from 'nanoid';
-import { Footer } from '@/zano_ui/src';
+import { Footer } from '@/lethean_ui/src';
 
 function User() {
 	// const userInfo = {
@@ -54,8 +54,8 @@ function User() {
 		available: '321.12',
 		orders: '130',
 		completed: '90',
-		currency: 'Zano',
+		currency: 'Lethean',
-		currencyIcon: zanoIcon,
+		currencyIcon: letheanIcon,
 	});
 
 	const userSelling = Array(3).fill({
@@ -65,8 +65,8 @@ function User() {
 		available: '321.12',
 		orders: '130',
 		completed: '90',
-		currency: 'Zano',
+		currency: 'Lethean',
-		currencyIcon: zanoIcon,
+		currencyIcon: letheanIcon,
 	});
 
 	function UserCharacteristic(props) {

src/utils/methods.ts

@@ -399,17 +399,17 @@ export async function getUserPendings() {
 		.then((res) => res.data);
 }
 
-export async function getZanoPrice() {
+export async function getLetheanPrice() {
 	return axios
 		.get(
-			'https://explorer.zano.org/api/price?asset_id=d6329b5b1f7c0805b5c345f4957554002a2f557845f64d7645dae0e051a6498a',
+			'https://explorer.lethean.org/api/price?asset_id=d6329b5b1f7c0805b5c345f4957554002a2f557845f64d7645dae0e051a6498a',
 		)
 		.then((res) => res.data);
 }
 
 export async function getMatrixAddresses(addresses: string[]) {
 	try {
-		const { data } = await axios.post('https://messenger.zano.org/api/get-addresses', {
+		const { data } = await axios.post('https://messenger.lethean.org/api/get-addresses', {
 			addresses,
 		});
 

src/utils/utils.ts

@@ -196,10 +196,10 @@ export function countByKeyRecord<T>(
 	}, {});
 }
 
-export const ZANO_ASSET_ID = 'd6329b5b1f7c0805b5c345f4957554002a2f557845f64d7645dae0e051a6498a';
+export const LTHN_ASSET_ID = 'd6329b5b1f7c0805b5c345f4957554002a2f557845f64d7645dae0e051a6498a';
 
-const knownCurrencies = ['zano', 'xmr', 'btc', 'firo', 'usd', 'eur', 'cad', 'jpy'];
+const knownCurrencies = ['lethean', 'xmr', 'btc', 'firo', 'usd', 'eur', 'cad', 'jpy'];
 
-const tradingKnownCurrencies = ['zano', 'weth', 'wbtc'];
+const tradingKnownCurrencies = ['lethean', 'weth', 'wbtc'];
 
 export { tradingKnownCurrencies, knownCurrencies };

src/utils/wallet.ts

@@ -1,12 +1,12 @@
-import ZanoWindow from '@/interfaces/common/ZanoWindow';
+import LtheanWindow from '@/interfaces/common/LtheanWindow';
 import IonicSwap from '@/interfaces/wallet/IonicSwap';
 
 async function ionicSwap(params: IonicSwap) {
-	return (window as unknown as ZanoWindow).zano.request('IONIC_SWAP', params, null);
+	return (window as unknown as LtheanWindow).lethean.request('IONIC_SWAP', params, null);
 }
 
 async function confirmIonicSwap(hex_raw_proposal: string) {
-	return (window as unknown as ZanoWindow).zano.request(
+	return (window as unknown as LtheanWindow).lethean.request(
 		'IONIC_SWAP_ACCEPT',
 		{ hex_raw_proposal },
 		null,

submodules/lethean_ui/src/index.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+export function Footer({ className }: { className?: string }) {
+    return (
+        <footer style={{ padding: "20px", textAlign: "center", borderTop: "1px solid #333", marginTop: "auto", color: "#888", fontSize: "13px" }}>
+            Lethean Trade | <a href="https://lethean.io" style={{ color: "#00d4aa" }}>lethean.io</a>
+        </footer>
+    );
+}

submodules/lethean_ui/src/styles/globals.scss

@@ -0,0 +1,6 @@
+/* Lethean UI global styles stub */
+:root {
+  --primary: #00d4aa;
+  --bg: #0a0a0a;
+  --text: #e0e0e0;
+}

submodules/lethean_ui/src/styles/variables.scss

@@ -0,0 +1,4 @@
+/* Lethean UI variables stub */
+$primary: #00d4aa;
+$bg: #0a0a0a;
+$text: #e0e0e0;

tsconfig.json

@@ -1,122 +1,132 @@
 {
-	"compilerOptions": {
+  "compilerOptions": {
-		"baseUrl": ".",
+    "baseUrl": ".",
-		"paths": {
+    "paths": {
-			"@/*": ["./src/*"],
+      "@/*": [
-			"@/zano_ui/*": ["./submodules/zano_ui/*"]
+        "./src/*"
-		},
+      ],
-		/* Visit https://aka.ms/tsconfig to read more about this file */
+      "@/lethean_ui/*": [
-		/* Projects */
+        "./submodules/lethean_ui/*"
-		// "incremental": true,                              /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
+      ]
-		// "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
+    },
-		// "tsBuildInfoFile": "./.tsbuildinfo",              /* Specify the path to .tsbuildinfo incremental compilation file. */
+    /* Visit https://aka.ms/tsconfig to read more about this file */
-		// "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects. */
+    /* Projects */
-		// "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
+    // "incremental": true,                              /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
-		// "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
+    // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
-		/* Language and Environment */
+    // "tsBuildInfoFile": "./.tsbuildinfo",              /* Specify the path to .tsbuildinfo incremental compilation file. */
-		"target": "ES6" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */, // "lib": [],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
+    // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects. */
-		// "jsx": "preserve",                                /* Specify what JSX code is generated. */
+    // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
-		// "experimentalDecorators": true,                   /* Enable experimental support for TC39 stage 2 draft decorators. */
+    // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
-		// "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
+    /* Language and Environment */
-		// "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
+    "target": "ES6" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */, // "lib": [],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
-		// "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
+    // "jsx": "preserve",                                /* Specify what JSX code is generated. */
-		// "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
+    // "experimentalDecorators": true,                   /* Enable experimental support for TC39 stage 2 draft decorators. */
-		// "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
+    // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
-		// "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
+    // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
-		// "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
+    // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
-		// "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
+    // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
-		/* Modules */
+    // "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
-		"module": "ESNext" /* Specify what module code is generated. */, // "rootDir": "./",                                  /* Specify the root folder within your source files. */
+    // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
-		"moduleResolution": "node" /* Specify how TypeScript looks up a file from a given module specifier. */, // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
+    // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
-		// "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
+    // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
-		// "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
+    /* Modules */
-		// "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
+    "module": "ESNext" /* Specify what module code is generated. */, // "rootDir": "./",                                  /* Specify the root folder within your source files. */
-		// "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
+    "moduleResolution": "node" /* Specify how TypeScript looks up a file from a given module specifier. */, // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
-		// "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
+    // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
-		// "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
+    // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
-		// "resolveJsonModule": true,                        /* Enable importing .json files. */
+    // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
-		// "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
+    // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
-		/* JavaScript Support */
+    // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
-		// "allowJs": true,                                  /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
+    // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
-		// "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
+    // "resolveJsonModule": true,                        /* Enable importing .json files. */
-		// "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
+    // "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
-		/* Emit */
+    /* JavaScript Support */
-		// "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
+    // "allowJs": true,                                  /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
-		// "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
+    // "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
-		// "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
+    // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
-		// "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
+    /* Emit */
-		// "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
+    // "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
-		// "outDir": "./",                                   /* Specify an output folder for all emitted files. */
+    // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
-		// "removeComments": true,                           /* Disable emitting comments. */
+    // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
-		// "noEmit": true,                                   /* Disable emitting files from a compilation. */
+    // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
-		// "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
+    // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
-		// "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types. */
+    // "outDir": "./",                                   /* Specify an output folder for all emitted files. */
-		// "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
+    // "removeComments": true,                           /* Disable emitting comments. */
-		// "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
+    // "noEmit": true,                                   /* Disable emitting files from a compilation. */
-		// "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
-		// "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
+    // "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types. */
-		// "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
+    // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
-		// "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
+    // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
-		// "newLine": "crlf",                                /* Set the newline character for emitting files. */
+    // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
-		// "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
+    // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
-		// "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
+    // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
-		// "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
+    // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
-		// "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
+    // "newLine": "crlf",                                /* Set the newline character for emitting files. */
-		// "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
+    // "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
-		// "preserveValueImports": true,                     /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */
+    // "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
-		/* Interop Constraints */
+    // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
-		// "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
+    // "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
-		"allowSyntheticDefaultImports": true /* Allow 'import x from y' when a module doesn't have a default export. */,
+    // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
-		"esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */, // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
+    // "preserveValueImports": true,                     /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */
-		"forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */ /* Type Checking */,
+    /* Interop Constraints */
-		"strict": true /* Enable all strict type-checking options. */, // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied 'any' type. */
+    // "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
-		// "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
+    "allowSyntheticDefaultImports": true /* Allow 'import x from y' when a module doesn't have a default export. */,
-		// "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
+    "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */, // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
-		// "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
+    "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */ /* Type Checking */,
-		// "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
+    "strict": true /* Enable all strict type-checking options. */, // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied 'any' type. */
-		// "noImplicitThis": true,                           /* Enable error reporting when 'this' is given the type 'any'. */
+    // "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
-		// "useUnknownInCatchVariables": true,               /* Default catch clause variables as 'unknown' instead of 'any'. */
+    // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
-		// "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
+    // "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
-		// "noUnusedLocals": true,                           /* Enable error reporting when local variables aren't read. */
+    // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
-		// "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read. */
+    // "noImplicitThis": true,                           /* Enable error reporting when 'this' is given the type 'any'. */
-		// "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
+    // "useUnknownInCatchVariables": true,               /* Default catch clause variables as 'unknown' instead of 'any'. */
-		// "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
+    // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
-		// "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
+    // "noUnusedLocals": true,                           /* Enable error reporting when local variables aren't read. */
-		// "noUncheckedIndexedAccess": true,                 /* Add 'undefined' to a type when accessed using an index. */
+    // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read. */
-		// "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
+    // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
-		// "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type. */
+    // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
-		// "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
+    // "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
-		// "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
+    // "noUncheckedIndexedAccess": true,                 /* Add 'undefined' to a type when accessed using an index. */
-		/* Completeness */
+    // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
-		// "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
+    // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type. */
-		"skipLibCheck": true /* Skip type checking all .d.ts files. */,
+    // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
-		"lib": ["dom", "dom.iterable", "esnext"],
+    // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
-		"allowJs": true,
+    /* Completeness */
-		"noEmit": true,
+    // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
-		"incremental": true,
+    "skipLibCheck": true /* Skip type checking all .d.ts files. */,
-		"resolveJsonModule": true,
+    "lib": [
-		"isolatedModules": true,
+      "dom",
-		"jsx": "react-jsx"
+      "dom.iterable",
-	},
+      "esnext"
-	"ts-node": {
+    ],
-		"esm": true,
+    "allowJs": true,
-		"experimentalSpecifierResolution": "node"
+    "noEmit": true,
-	},
+    "incremental": true,
-	"include": [
+    "resolveJsonModule": true,
-		"next-env.d.ts",
+    "isolatedModules": true,
-		"**/*.ts",
+    "jsx": "preserve"
-		"**/*.tsx",
+  },
-		"src/svg.d.ts",
+  "ts-node": {
-		"src/pages/_app.js",
+    "esm": true,
-		"src/store/store-reducer.tsx",
+    "experimentalSpecifierResolution": "node"
-		"src/utils/methods.js",
+  },
-		"src/store/store-reducer.tsx",
+  "include": [
-		"src/pages/_app.js",
+    "next-env.d.ts",
-		"src/pages/index.js",
+    "**/*.ts",
-		"src/pages/PageHandler.tsx",
+    "**/*.tsx",
-		"src/pages/_document.js",
+    "src/svg.d.ts",
-		"src/pages/user/index.js",
+    "src/pages/_app.js",
-		"next.config.js"
+    "src/store/store-reducer.tsx",
-	],
+    "src/utils/methods.js",
-	"exclude": ["node_modules"]
+    "src/store/store-reducer.tsx",
+    "src/pages/_app.js",
+    "src/pages/index.js",
+    "src/pages/PageHandler.tsx",
+    "src/pages/_document.js",
+    "src/pages/user/index.js",
+    "next.config.js"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }