Currency work and token validation

frontend/package.json

@@ -36,7 +36,7 @@
 		"@radix-ui/react-tooltip": "^1.1.4",
 		"@radix-ui/react-visually-hidden": "^1.1.0",
 		"@tabler/icons-react": "^3.24.0",
-		"@tanstack/react-query": "^5.62.3",
+		"@tanstack/react-query": "^5.72.2",
 		"@tanstack/react-router": "^1.86.1",
 		"@tanstack/react-table": "^8.20.5",
 		"@vitejs/plugin-react": "^4.3.4",
@@ -46,6 +46,7 @@
 		"cmdk": "^1.0.4",
 		"date-fns": "^3.6.0",
 		"js-cookie": "^3.0.5",
+		"jwt-decode": "^4.0.0",
 		"lucide-react": "^0.475.0",
 		"react": "^19.0.0",
 		"react-day-picker": "^9.6.0",

frontend/src/components/currency-input.tsx

@@ -0,0 +1,157 @@
+const currencies = [
+	"AED",
+	"AFN",
+	"ALL",
+	"AMD",
+	"ANG",
+	"AOA",
+	"ARS",
+	"AUD",
+	"AWG",
+	"AZN",
+	"BAM",
+	"BBD",
+	"BDT",
+	"BGN",
+	"BHD",
+	"BIF",
+	"BMD",
+	"BND",
+	"BOB",
+	"BRL",
+	"BSD",
+	"BTN",
+	"BWP",
+	"BYN",
+	"BZD",
+	"CAD",
+	"CDF",
+	"CLP",
+	"CNY",
+	"COP",
+	"CRC",
+	"CUP",
+	"CVE",
+	"CZK",
+	"DJF",
+	"DKK",
+	"DOP",
+	"DZD",
+	"EGP",
+	"ERN",
+	"ETB",
+	"EUR",
+	"FJD",
+	"FKP",
+	"GBP",
+	"GEL",
+	"GHS",
+	"GIP",
+	"GMD",
+	"GNF",
+	"GTQ",
+	"GYD",
+	"HKD",
+	"HNL",
+	"HTG",
+	"HUF",
+	"CHF",
+	"IDR",
+	"ILS",
+	"INR",
+	"IQD",
+	"IRR",
+	"ISK",
+	"JMD",
+	"JOD",
+	"JPY",
+	"KES",
+	"KGS",
+	"KHR",
+	"KMF",
+	"KPW",
+	"KRW",
+	"KWD",
+	"KYD",
+	"KZT",
+	"LAK",
+	"LBP",
+	"LKR",
+	"LRD",
+	"LSL",
+	"LYD",
+	"MAD",
+	"MDL",
+	"MGA",
+	"MKD",
+	"MMK",
+	"MNT",
+	"MOP",
+	"MRU",
+	"MUR",
+	"MVR",
+	"MWK",
+	"MXN",
+	"MYR",
+	"MZN",
+	"NAD",
+	"NGN",
+	"NIO",
+	"NOK",
+	"NPR",
+	"NZD",
+	"OMR",
+	"PAB",
+	"PEN",
+	"PGK",
+	"PHP",
+	"PKR",
+	"PLN",
+	"PYG",
+	"QAR",
+	"RON",
+	"RSD",
+	"RUB",
+	"RWF",
+	"SAR",
+	"SBD",
+	"SCR",
+	"SDG",
+	"SEK",
+	"SGD",
+	"SHP",
+	"SLE",
+	"SOS",
+	"SRD",
+	"SSP",
+	"STN",
+	"SYP",
+	"SZL",
+	"THB",
+	"TJS",
+	"TMT",
+	"TND",
+	"TOP",
+	"TRY",
+	"TTD",
+	"TWD",
+	"TZS",
+	"UAH",
+	"UGX",
+	"USD",
+	"UYU",
+	"UZS",
+	"VED",
+	"VES",
+	"VND",
+	"VUV",
+	"WST",
+	"XAF",
+	"XCD",
+	"XOF",
+	"XPF",
+	"YER",
+	"ZAR",
+	"ZMW",
+	"ZWG"
+];

frontend/src/hooks/useAuth.ts

@@ -24,6 +24,7 @@ const useAuth = () => {
 	const [loggedIn, setLoggedIn] = useState(isLoggedIn());
 	const navigate = useNavigate();
 	const queryClient = useQueryClient();
+	
 	const { data: user } = useQuery<UserPublic | null, Error>({
 		queryKey: ["currentUser"],
 		queryFn: DashboardService.userGetUser,
@@ -73,6 +74,17 @@ const useAuth = () => {
 		onError: (err: ApiError) => handleServerError(err)
 	});
 
+	useEffect(() => {
+		console.log("Checking whether the token is valid");
+		const userLoggedInAndNull = loggedIn && user === null;
+		const tokenExistsAndNull = Boolean(localStorage.getItem("access_token")) && user === null;
+		
+		if (userLoggedInAndNull || tokenExistsAndNull) {
+			console.warn("User data is null while logged in, logging out.");
+			logout();
+		}
+	}, [loggedIn, user]);
+
 	useEffect(() => {
 		const handleStorageChange = (event: StorageEvent) => {
 			if (event.key === "access_token") {

frontend/src/utils/token-validation.ts

@@ -0,0 +1,13 @@
+import jwt_decode from "jwt-decode";
+
+export function isTokenValid(token: string | null): boolean {
+	if (!token) return false;
+	try {
+		const decoded: { exp: number } = jwt_decode(token);
+		const now = Date.now() / 1000;
+		return decoded.exp > now;
+	} catch (e) {
+		console.warn("Invalid token format:", e);
+		return false;
+	}
+}