- 
-
{presetText} {userText}
{/* Add preset text here */}
+
+
+
)}
{isUserTextVisible && (
+ {presetText} {userText}
+
{" "}
+ {/* Add preset text here */}
{isTextVisible && (
-
)}
{presetText} {userText}
{/* Add preset text here */} ++ {presetText} {userText} +
{" "} + {/* Add preset text here */}
-
+
-
+
diff --git a/src/hooks/useIPInfo.js b/src/hooks/useIPInfo.js
new file mode 100644
index 00000000..6ba1e510
--- /dev/null
+++ b/src/hooks/useIPInfo.js
@@ -0,0 +1,25 @@
+import { useEffect, useState } from "react";
+import axios from "axios";
+
+function useIPInfo() {
+ const [ipInfo, setIpInfo] = useState(null);
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState(null);
+
+ useEffect(() => {
+ // Fetch IP information
+ axios
+ .get("https://ipapi.co/json/")
+ .then((response) => {
+ setIpInfo(response.data);
+ setLoading(false);
+ })
+ .catch((error) => {
+ setError(error);
+ setLoading(false);
+ });
+ }, []);
+ return { ipInfo, loading, error };
+}
+
+export default useIPInfo;
diff --git a/src/i18nextConfig.js b/src/i18nextConfig.js
new file mode 100644
index 00000000..a04453dd
--- /dev/null
+++ b/src/i18nextConfig.js
@@ -0,0 +1,33 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+
+i18n
+ .use(initReactI18next) // passes i18n down to react-i18next
+ .init({
+ resources: {
+ en: {
+ translation: require("./locales/en/translation.json"),
+ },
+ pt: {
+ translation: require("./locales/pt/translation.json"),
+ },
+ fr: {
+ translation: require("./locales/fr/translation.json"),
+ },
+ it: {
+ translation: require("./locales/it/translation.json"),
+ },
+ es: {
+ translation: require("./locales/es/translation.json"),
+ },
+ de: {
+ translation: require("./locales/de/translation.json"),
+ },
+ },
+ lng: "en", // Set the default language
+ fallbackLng: "en", // Fallback language if a translation is missing
+ interpolation: {
+ escapeValue: false, // React already escapes by default
+ },
+ returnNull: false,
+ });
diff --git a/src/index.js b/src/index.js
index 53db037e..045a30e9 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,8 +1,8 @@
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import App from './App';
-import "./index.css"
-
+import React from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App";
+import "./index.css";
+import "./i18nextConfig.js";
const container = document.getElementById("root");
const root = createRoot(container);
-root.render(