src/App.tsx - master - d.vader/e2e

src/App.tsx
79 строк2 KB
Boris Meshcheryakov
initial commit
01 окт 2025, 09:22
01 окт 2025, 09:223edac10
import React from "react";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import { ThemeProvider, createTheme } from '@mui/material/styles';
import CssBaseline from '@mui/material/CssBaseline';
// import { HomePage } from "./pages/HomePage";
import { StylePage } from "./pages/StylePage";
import { PostDetail } from "./components/posts/PostDetail";
import { PostsList } from "./components/posts/PostsList";

const theme = createTheme({
  palette: {
    primary: {
      main: '#1976d2',
    },
    secondary: {
      main: '#dc004e',
    },
  },
  typography: {
    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
  },
});

export default function App() {
  return (
    <ThemeProvider theme={theme}>
      <CssBaseline />
      <Router>
        <Routes>
          <Route path="/" element={<PostsList />} />
          
          <Route path="/post/:id" element={<PostDetail />} />
          
          <Route path="/style" element={<StylePage />} />
        </Routes>
      </Router>
    </ThemeProvider>
  );
}


// <script></script>
// <style></style>
// <template></template>

// <header>header</header>
// <footer>footer</footer>

// <h1>Привет, React + Vite (ручная сборка)</h1>
// <button onClick={() => setCount((c) => c + 1)}>
//   Кликнули {count} раз
// </button>
// {/* <Counter /> */}
// {/* <Characters /> */}
// {/* <StylingApproaches /> */}
// <div className="py-20">
//   <RefComponent />
// </div>
// {/* <div>
//   {count % 2 == 0 && (
//     <CardNested children={undefined}>
//       <div>asdadsasdad</div>
//       asdadsasdad
//     </CardNested>
//   )}
// </div> */}

// <section className="flex flex-col gap-4">
//   <button
//     className="bg-blue-300 rounded-2xl p-4"
//     onClick={() => setState(state + 1)}
//   >
//     click custom hook state
//   </button>

//   {/* <span>state - {state}</span> */}
//   {/* <SearchBox /> */}

// </section>