From 35a7ca46feeb9c8f48fa3817d2fc7c4eef163c67 Mon Sep 17 00:00:00 2001 From: Vladimir Borovikov <91381325+iamvldmrbrvkv@users.noreply.github.com> Date: Tue, 15 Aug 2023 01:48:32 +0300 Subject: [PATCH] setup --- public/index.html | 2 +- src/App.js | 25 ------------------- src/components/App/App.js | 11 ++++++++ .../App/App.module.css} | 0 src/{ => components/App}/App.test.js | 0 src/components/Playlist/Playlist.js | 11 ++++++++ src/components/Playlist/Playlist.module.css | 0 src/components/SearchBar/SearchBar.js | 11 ++++++++ src/components/SearchBar/SearchBar.module.css | 0 src/components/SearchResults/SearchResults.js | 11 ++++++++ .../SearchResults/SearchResults.module.css | 0 src/components/Track/Track.js | 11 ++++++++ src/components/Track/Track.module.css | 0 src/components/Tracklist/Tracklist.js | 11 ++++++++ src/components/Tracklist/Tracklist.module.css | 0 src/index.js | 2 +- 16 files changed, 68 insertions(+), 27 deletions(-) delete mode 100644 src/App.js create mode 100644 src/components/App/App.js rename src/{App.css => components/App/App.module.css} (100%) rename src/{ => components/App}/App.test.js (100%) create mode 100644 src/components/Playlist/Playlist.js create mode 100644 src/components/Playlist/Playlist.module.css create mode 100644 src/components/SearchBar/SearchBar.js create mode 100644 src/components/SearchBar/SearchBar.module.css create mode 100644 src/components/SearchResults/SearchResults.js create mode 100644 src/components/SearchResults/SearchResults.module.css create mode 100644 src/components/Track/Track.js create mode 100644 src/components/Track/Track.module.css create mode 100644 src/components/Tracklist/Tracklist.js create mode 100644 src/components/Tracklist/Tracklist.module.css diff --git a/public/index.html b/public/index.html index aa069f2..dd3321a 100644 --- 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`. --> - React App + Jammming diff --git a/src/App.js b/src/App.js deleted file mode 100644 index 3784575..0000000 --- a/src/App.js +++ /dev/null @@ -1,25 +0,0 @@ -import logo from './logo.svg'; -import './App.css'; - -function App() { - return ( -
-
- logo -

- Edit src/App.js and save to reload. -

- - Learn React - -
-
- ); -} - -export default App; diff --git a/src/components/App/App.js b/src/components/App/App.js new file mode 100644 index 0000000..d4481fd --- /dev/null +++ b/src/components/App/App.js @@ -0,0 +1,11 @@ +import styles from './App.module.css'; + +function App() { + return ( +
+ +
+ ); +} + +export default App; diff --git a/src/App.css b/src/components/App/App.module.css similarity index 100% rename from src/App.css rename to src/components/App/App.module.css diff --git a/src/App.test.js b/src/components/App/App.test.js similarity index 100% rename from src/App.test.js rename to src/components/App/App.test.js diff --git a/src/components/Playlist/Playlist.js b/src/components/Playlist/Playlist.js new file mode 100644 index 0000000..412faac --- /dev/null +++ b/src/components/Playlist/Playlist.js @@ -0,0 +1,11 @@ +import styles from './Playlist.module.css'; + +function Playlist() { + return ( +
+ +
+ ) +} + +export default Playlist; \ No newline at end of file diff --git a/src/components/Playlist/Playlist.module.css b/src/components/Playlist/Playlist.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/components/SearchBar/SearchBar.js b/src/components/SearchBar/SearchBar.js new file mode 100644 index 0000000..a2b8f78 --- /dev/null +++ b/src/components/SearchBar/SearchBar.js @@ -0,0 +1,11 @@ +import styles from './SearchBar.module.css'; + +function SearchBar() { + return ( +
+ +
+ ) +} + +export default SearchBar; \ No newline at end of file diff --git a/src/components/SearchBar/SearchBar.module.css b/src/components/SearchBar/SearchBar.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/components/SearchResults/SearchResults.js b/src/components/SearchResults/SearchResults.js new file mode 100644 index 0000000..6e445cc --- /dev/null +++ b/src/components/SearchResults/SearchResults.js @@ -0,0 +1,11 @@ +import styles from './SearchResults.module.css'; + +function SearchResults() { + return ( +
+ +
+ ) +} + +export default SearchResults; \ No newline at end of file diff --git a/src/components/SearchResults/SearchResults.module.css b/src/components/SearchResults/SearchResults.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/components/Track/Track.js b/src/components/Track/Track.js new file mode 100644 index 0000000..4718aeb --- /dev/null +++ b/src/components/Track/Track.js @@ -0,0 +1,11 @@ +import styles from './Track.module.css'; + +function Track() { + return ( +
+ +
+ ) +} + +export default Track; \ No newline at end of file diff --git a/src/components/Track/Track.module.css b/src/components/Track/Track.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/components/Tracklist/Tracklist.js b/src/components/Tracklist/Tracklist.js new file mode 100644 index 0000000..d7b1125 --- /dev/null +++ b/src/components/Tracklist/Tracklist.js @@ -0,0 +1,11 @@ +import styles from './Tracklist.module.css'; + +function Tracklist() { + return ( +
+ +
+ ) +} + +export default Tracklist; \ No newline at end of file diff --git a/src/components/Tracklist/Tracklist.module.css b/src/components/Tracklist/Tracklist.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/index.js b/src/index.js index d563c0f..d29364a 100644 --- a/src/index.js +++ b/src/index.js @@ -1,7 +1,7 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; -import App from './App'; +import App from './components/App/App'; import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot(document.getElementById('root'));