diff --git a/client/package.json b/client/package.json
index 0080ac7..2e01785 100644
--- a/client/package.json
+++ b/client/package.json
@@ -11,11 +11,13 @@
"@types/node": "^17.0.45",
"@types/react": "^18.2.21",
"@types/react-dom": "^18.2.7",
+ "@types/react-swipeable-views": "^0.13.2",
"nostr-tools": "latest",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.15.0",
"react-scripts": "5.0.1",
+ "react-swipeable-views": "^0.14.0",
"web-vitals": "^2.1.4",
"workbox-background-sync": "^6.6.0",
"workbox-broadcast-update": "^6.6.0",
diff --git a/client/src/App.tsx b/client/src/App.tsx
index f90f0e2..2ac97ca 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -1,25 +1,30 @@
import React from 'react';
-import logo from './logo.svg';
import './App.css';
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import Home from './components/Home';
-
-declare global {
- interface Window {
- nostr?: any;
- }
-}
+import Settings from './components/Settings';
+import SwipeableViews from 'react-swipeable-views';
function App() {
+ const [index, setIndex] = React.useState(1);
+
+ const handleChangeIndex = (index: number) => {
+ console.log("Changed index to:", index); // Add a log to see if this function is called
+ setIndex(index);
+ };
+
return (
-