docs: update react-country-dropdown to 2.2.0 and simplify json format…

…ting
rocktimsaikia · Aug 5, 2024 · 588c67c · 588c67c
1 parent 1a09544
commit 588c67c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 18 deletions.
diff --git a/docs/package.json b/docs/package.json
@@ -13,7 +13,7 @@
     "@radix-ui/react-icons": "^1.3.0",
     "react": "^18.3.1",
     "react-code-blocks": "^0.1.6",
-    "react-country-dropdown": "^2.1.0",
+    "react-country-dropdown": "^2.2.0",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {

diff --git a/docs/pnpm-lock.yaml b/docs/pnpm-lock.yaml
diff --git a/docs/src/App.tsx b/docs/src/App.tsx
@@ -32,18 +32,7 @@ function App() {
 	const handleCountryChange = (country: ICountry) => {
 		// Convert the country object to a formatted JSON string
 		// where the arrays are in one line and spaces after commas.
-		const formattedCountry = JSON.stringify(
-			country,
-			(_key, value) => {
-				if (Array.isArray(value)) {
-					return JSON.stringify(value);
-				}
-				return value;
-			},
-			4,
-		)
-			.replace(/"\[|\]"/g, (match) => (match === '"[' ? "[" : "]"))
-			.replace(/,/g, ", ");
+		const formattedCountry = JSON.stringify(country, null, 4);
 		setCountryJson(formattedCountry);
 	};