update dependencies

francoborrelli · francoborrelli · commit 07f09d125634 · 2021-10-17T20:33:34.000-03:00
diff --git a/.gitignore b/.gitignore
@@ -24,3 +24,4 @@ yarn-error.log*
 .editorconfig
 .prettierrc.json
 src/**/*.css
+src/**/*.css.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,12 +1,11 @@
 {
   "name": "spotify-client",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": true,
   "dependencies": {
-    "axios": "^0.18.0",
-    "moment": "^2.22.2",
-    "node-sass-chokidar": "^1.3.3",
-    "npm-run-all": "^4.1.3",
+    "axios": "^0.23.0",
+    "moment": "^2.29.1",
+    "npm-run-all": "^4.1.5",
     "react": "^16.5.1",
     "react-dom": "^16.5.1",
     "react-drag-listview": "^0.1.4",
@@ -15,11 +14,12 @@
     "react-redux": "^5.0.7",
     "react-scripts": "^2.1.8",
     "redux": "^4.0.0",
-    "redux-thunk": "^2.3.0"
+    "redux-thunk": "^2.3.0",
+    "sass": "^1.43.2"
   },
   "scripts": {
-    "build-css": "node-sass-chokidar src/ -o src/",
-    "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
+    "build-css": "sass --load-path=src src/:src/",
+    "watch-css": "npm run build-css && sass -w --load-path=src src/:src/",
     "start-js": "react-scripts start",
     "start": "npm-run-all -p watch-css start-js",
     "build-js": "react-scripts build",
diff --git a/src/App.scss b/src/App.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 body {
   background: rgb(24, 24, 24);
diff --git a/src/components/buttons/followButton/followButton.scss b/src/components/buttons/followButton/followButton.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 .menu-btn,
 .follow-btn {
diff --git a/src/components/devices/devices.scss b/src/components/devices/devices.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 $green: green;
 
diff --git a/src/components/header/songsHeader.scss b/src/components/header/songsHeader.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 .header-title {
   font-size: 48px;
diff --git a/src/components/playlistModal/modal.scss b/src/components/playlistModal/modal.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 .overlay {
   position: fixed;
diff --git a/src/components/sections/artist/components/albums/albums.scss b/src/components/sections/artist/components/albums/albums.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 .albums-title {
   border-bottom: 1px solid #6666665c;
diff --git a/src/components/sections/artist/components/popular/popular.scss b/src/components/sections/artist/components/popular/popular.scss
@@ -1,4 +1,4 @@
-@import "src/utilities/variables";
+@import 'utilities/variables';
 
 button {
   outline: none;
@@ -143,7 +143,7 @@ button {
     padding-left: 10px;
     text-transform: uppercase;
     background: transparent;
-    font-family: "Proxima Nova", Georgia, sans-serif;
+    font-family: 'Proxima Nova', Georgia, sans-serif;
     color: $light-gray;
     border: 1px solid $gray;
     padding: 10px;
diff --git a/src/components/sections/browse/browser.scss b/src/components/sections/browse/browser.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 .browse-title {
   padding-top: 20px;
diff --git a/src/components/sections/browse/components/header/browseHeader.scss b/src/components/sections/browse/components/header/browseHeader.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 .browse-headers {
   display: flex;
diff --git a/src/components/sections/playlist/components/header/playlistHeader.scss b/src/components/sections/playlist/components/header/playlistHeader.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 .header-title {
   font-size: 48px;
@@ -40,8 +40,7 @@
   }
   .playlist-image {
     width: 230px;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.103),
-      0 6px 15px 0 rgba(0, 0, 0, 0.075);
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.103), 0 6px 15px 0 rgba(0, 0, 0, 0.075);
   }
 }
 
diff --git a/src/components/sections/search/search.scss b/src/components/sections/search/search.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 .search-container {
   min-height: 500px;
diff --git a/src/components/sections/top/generic.scss b/src/components/sections/top/generic.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 .generic-container {
   h1 {
diff --git a/src/components/siderMenu/siderMenu.scss b/src/components/siderMenu/siderMenu.scss
@@ -1,4 +1,4 @@
-@import "src/utilities/variables";
+@import 'utilities/variables';
 
 .side-menu-container {
   padding: 20px;
@@ -20,7 +20,7 @@
 
     &.active {
       &:before {
-        content: "";
+        content: '';
         position: relative;
         left: -18px;
         border-left: 3px solid #1db954;
@@ -31,7 +31,7 @@
   .library-header {
     font-weight: 300;
     text-transform: uppercase;
-    font-family: "Proxima Thin", Georgia, sans-serif;
+    font-family: 'Proxima Thin', Georgia, sans-serif;
     font-size: 12px;
     margin: 0;
     padding: 30px 0 5px 0;
diff --git a/src/components/songsPlayer/songsPlayer.scss b/src/components/songsPlayer/songsPlayer.scss
@@ -1,4 +1,4 @@
-@import "src/utilities/variables";
+@import 'utilities/variables';
 
 @keyframes slideshow {
   0% {
@@ -30,7 +30,7 @@
     color: #01da01;
     &:hover {
       &:before {
-        content: "\f00d";
+        content: '\f00d';
       }
     }
   }
@@ -170,7 +170,7 @@
   }
 
   .song-name {
-    font-family: "Proxima Nova", Georgia, sans-serif;
+    font-family: 'Proxima Nova', Georgia, sans-serif;
     color: $light-gray;
     font-size: 14px;
     margin-bottom: 10px;
diff --git a/src/components/songsTable/albumTable/albumTable.scss b/src/components/songsTable/albumTable/albumTable.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 .album-container {
   max-width: initial !important;
diff --git a/src/components/songsTable/playlistTable/playlistTable.scss b/src/components/songsTable/playlistTable/playlistTable.scss
@@ -1,10 +1,10 @@
-@import "src/utilities/variables";
+@import 'utilities/variables';
 
 .section-title {
   font-size: 34px;
   font-weight: 800;
   padding: 0 0 20px 0;
-  font-family: "Proxima Bold", Georgia, sans-serif;
+  font-family: 'Proxima Bold', Georgia, sans-serif;
 }
 
 .playlist-table {
@@ -207,7 +207,7 @@
   }
 
   & p {
-    font-family: "Proxima Thin", Georgia, sans-serif;
+    font-family: 'Proxima Thin', Georgia, sans-serif;
     text-transform: uppercase;
     font-size: 12px;
     color: $gray;
diff --git a/src/components/userDetails/userDetails.scss b/src/components/userDetails/userDetails.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 .details-container {
   display: flex;
diff --git a/src/containers/leftSection/leftSection.scss b/src/containers/leftSection/leftSection.scss
@@ -1,4 +1,4 @@
-@import 'src/utilities/variables';
+@import 'utilities/variables';
 
 .left-section {
   height: 100%;

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@import 'src/utilities/variables';`
	`1`	`+@import 'utilities/variables';`
`2`	`2`
`3`	`3`	`body {`
`4`	`4`	`background: rgb(24, 24, 24);`