Application minimaliste fonctionnelle :

- une seule vue - un lecteur avec minuterie - un fichier json avec les radio et leur style, modifiable
jvk88511334 · Oct 9, 2024 · fb152ac · fb152ac
1 parent d62d321
commit fb152ac
Show file tree

Hide file tree

Showing 29 changed files with 104 additions and 1,156 deletions.
diff --git a/public/data/albums.json b/public/data/albums.json
diff --git a/public/data/articles.json b/public/data/articles.json
diff --git a/public/data/books.json b/public/data/books.json
diff --git a/public/data/genericContent.json b/public/data/genericContent.json
diff --git a/public/data/radios.json b/public/data/radios.json
diff --git a/public/index.html b/public/index.html
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Radio</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/App.js b/src/App.js
@@ -7,14 +7,14 @@ import RadioView from './views/RadioView';
 import { AudioProvider } from './AudioContext';
 
 function App() {
-    const [mode, setMode] = useState('light');
+    const [mode] = useState('dark');
 
     const theme = useMemo(
         () =>
             createTheme({
                 palette: {
                     mode,
-                    ...(mode === 'dark'
+                    ...(mode === 'light'
                         ? {
                             primary: {
                                 main: '#1976d2',
@@ -35,7 +35,7 @@ function App() {
                                 paper: '#000000',
                             },
                             text: {
-                                primary: '#d5bdaf',
+                                primary: '#e3d5ca',
                                 secondary: '#e3d5ca',
                             },
                         }),
@@ -44,19 +44,12 @@ function App() {
         [mode]
     );
 
-    const toggleTheme = () => {
-        setMode((prevMode) => (prevMode === 'light' ? 'dark' : 'light'));
-    };
-
     return (
         <ThemeProvider theme={theme}>
             <CssBaseline />
             <AudioProvider>
                 <Router>
                     <div className="App" style={{ display: 'flex', flexDirection: 'column', minHeight: '100vh' }}>
-                        {/*<Navbar toggleTheme={toggleTheme} />*/}
-                        {/*<SubNavbar />*/}
-                        {/*<Breadcrumb />*/}
                         <main style={{ flex: 1, paddingBottom: '60px' }}>
                             <Routes>
                                 <Route path="/" element={<RadioView />} />

diff --git a/src/components/Breadcrumb.js b/src/components/Breadcrumb.js
diff --git a/src/components/CenteredView.js b/src/components/CenteredView.js
diff --git a/src/components/Footer.js b/src/components/Footer.js
diff --git a/src/components/MyComponent.js b/src/components/MyComponent.js