update deps

MarcoMadera · Dec 12, 2023 · 9ce3f89 · 9ce3f89
1 parent c03559f
commit 9ce3f89
Show file tree

Hide file tree

Showing 16 changed files with 2,222 additions and 2,273 deletions.
diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
@@ -5,26 +5,25 @@ name: Tests
 
 on:
   pull_request:
-    branches: [ "main" ]
+    branches: ["main"]
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [20.x]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:
-    - uses: actions/checkout@v3
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v3
-      with:
-        node-version: ${{ matrix.node-version }}
-        cache: 'npm'
-    - run: npm install --force
-    - run: npm run test:ci
-    - name: Run eslint
-      run: npm run lint
+      - uses: actions/checkout@v3
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: "npm"
+      - run: npm install --force
+      - run: npm run test:ci
+      - name: Run eslint
+        run: npm run lint
diff --git a/components/CheckBoxControl/CheckBoxControl.tsx b/components/CheckBoxControl/CheckBoxControl.tsx
@@ -9,6 +9,7 @@ export default function CheckBoxControl(
   return (
     <div className="checkbox-container">
       <input type="checkbox" {...props} />
+      {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
       <label htmlFor={props.id}>
         <span></span>
       </label>

diff --git a/components/EditPlaylistDetails/EditPlaylistDetails.tsx b/components/EditPlaylistDetails/EditPlaylistDetails.tsx
@@ -155,6 +155,7 @@ export default function EditPlaylistDetails({
         </div>
         <div className="image-button-container">
           <div>
+            {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
             <label aria-haspopup="true" htmlFor="editDetails">
               <div className="icon">
                 <svg

diff --git a/components/FormToggle/FormToggle.tsx b/components/FormToggle/FormToggle.tsx
@@ -14,6 +14,7 @@ export default function FormToggle(
         id={props.id}
         {...props}
       />
+      {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
       <label htmlFor={props.id} className="toggle-text">
         <span></span>
       </label>

diff --git a/components/PageHeader/PageHeader.tsx b/components/PageHeader/PageHeader.tsx
@@ -176,8 +176,8 @@ export default function PageHeader({
                     type === HeaderType.Episode
                       ? "show"
                       : type === HeaderType.Concert
-                      ? "artist"
-                      : "user"
+                        ? "artist"
+                        : "user"
                   }/${ownerId}`}
                   className="userLink"
                 >
@@ -319,8 +319,8 @@ export default function PageHeader({
             type === HeaderType.Profile
               ? "50%"
               : type === HeaderType.Episode || type === HeaderType.Podcast
-              ? "12px"
-              : "0px"};
+                ? "12px"
+                : "0px"};
             object-fit: cover;
             object-position: center center;
           }

diff --git a/components/Player/Player.tsx b/components/Player/Player.tsx
@@ -113,8 +113,8 @@ export default function Player(): ReactElement {
               repeatState === 0
                 ? "context"
                 : repeatState === 1
-                ? "track"
-                : "off";
+                  ? "track"
+                  : "off";
             if (!deviceId) {
               addToast({
                 variant: "error",

diff --git a/components/Slider/Slider.tsx b/components/Slider/Slider.tsx
@@ -108,8 +108,8 @@ export default function Slider({
         myposition > sliderXEnd
           ? sliderWidth
           : myposition < sliderPositionX
-          ? 0
-          : myposition - sliderPositionX;
+            ? 0
+            : myposition - sliderPositionX;
       const currentPositionPercent = (myPositionInSlider * 100) / sliderWidth;
       return currentPositionPercent;
     },

diff --git a/components/TrackListHeader/TrackListHeader.tsx b/components/TrackListHeader/TrackListHeader.tsx
@@ -89,8 +89,8 @@ export default function TrackListHeader({
           grid-template-columns: ${type === "playlist"
             ? "[index] 48px [first] 14fr [var1] 8fr [var2] 3fr [popularity] 1fr [last] minmax(180px,2fr)"
             : type === "album"
-            ? "[index] 48px [first] 14fr [popularity] 1fr [last] minmax(180px,2fr)"
-            : "[index] 55px [first] 14fr [popularity] 1fr [last] minmax(180px,2fr)"};
+              ? "[index] 48px [first] 14fr [popularity] 1fr [last] minmax(180px,2fr)"
+              : "[index] 55px [first] 14fr [popularity] 1fr [last] minmax(180px,2fr)"};
         }
         .trackListHeader span {
           display: flex;
@@ -115,8 +115,8 @@ export default function TrackListHeader({
             grid-template-columns: ${type === "playlist"
               ? "[index] 48px [first] 14fr [var1] 8fr [var2] 3fr [popularity] 1fr [last] minmax(60px,2fr)"
               : type === "album"
-              ? "[index] 48px [first] 14fr [popularity] 1fr [last] minmax(60px,2fr)"
-              : "[index] 55px [first] 14fr [popularity] 1fr [last] minmax(60px,2fr)"};
+                ? "[index] 48px [first] 14fr [popularity] 1fr [last] minmax(60px,2fr)"
+                : "[index] 55px [first] 14fr [popularity] 1fr [last] minmax(60px,2fr)"};
           }
         }
       `}</style>

diff --git a/layouts/playlist/index.tsx b/layouts/playlist/index.tsx
@@ -159,14 +159,14 @@ const Playlist: NextPage<
           pageDetails?.type === "concert"
             ? HeaderType.Concert
             : pageDetails?.type === "radio"
-            ? HeaderType.Radio
-            : pageDetails?.type === "episode"
-            ? HeaderType.Episode
-            : pageDetails?.type === "podcast"
-            ? HeaderType.Podcast
-            : pageDetails?.type === "top"
-            ? HeaderType.Top
-            : HeaderType.Playlist
+              ? HeaderType.Radio
+              : pageDetails?.type === "episode"
+                ? HeaderType.Episode
+                : pageDetails?.type === "podcast"
+                  ? HeaderType.Podcast
+                  : pageDetails?.type === "top"
+                    ? HeaderType.Top
+                    : HeaderType.Playlist
         }
         title={pageDetails?.name ?? ""}
         description={pageDetails?.description ?? ""}