2023-09-02 04:53:15 +00:00
|
|
|
import React from 'react';
|
|
|
|
import './App.css';
|
2023-09-02 07:24:30 +00:00
|
|
|
import Home from './components/Home';
|
2023-09-14 15:03:19 +00:00
|
|
|
import Settings from './components/Settings';
|
|
|
|
import SwipeableViews from 'react-swipeable-views';
|
2023-09-19 15:09:25 +00:00
|
|
|
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';
|
|
|
|
import Thread from './components/Thread/Thread';
|
2023-09-14 14:48:09 +00:00
|
|
|
|
2023-09-02 04:53:15 +00:00
|
|
|
function App() {
|
2023-09-14 15:03:19 +00:00
|
|
|
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);
|
|
|
|
};
|
|
|
|
|
2023-09-02 04:53:15 +00:00
|
|
|
return (
|
2023-09-19 15:09:25 +00:00
|
|
|
<Router>
|
|
|
|
<Routes>
|
|
|
|
<Route path="/settings" element={<Settings />} />
|
|
|
|
<Route path="/home" element={<Home />} />
|
|
|
|
<Route path='/thread/:id' element={<Thread />} />
|
|
|
|
<Route path="/" element={
|
|
|
|
<SwipeableViews index={index} onChangeIndex={handleChangeIndex}>
|
|
|
|
<Settings />
|
|
|
|
<Home />
|
|
|
|
</SwipeableViews>
|
|
|
|
} />
|
|
|
|
</Routes>
|
|
|
|
</Router>
|
2023-09-02 04:53:15 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default App;
|
2023-09-14 15:03:19 +00:00
|
|
|
|