fix(user): better urls

Author: stijnvdkolk

next.config.js

@@ -104,15 +104,23 @@ module.exports = withBundleAnalyzer({
       },
       {
         source: '/:id/listeningClocks',
-        destination: '/user/:id/listeningClocks',
+        destination: '/user/:id/listening-clocks',
+      },
+      {
+        source: '/:id/listening-clocks',
+        destination: '/user/:id/listening-locks',
       },
       {
         source: '/:id/genres',
         destination: '/user/:id/genres',
       },
       {
         source: '/:id/recentStreams',
-        destination: '/user/:id/recentStreams',
+        destination: '/user/:id/recent-streams',
+      },
+      {
+        source: '/:id/recent-streams',
+        destination: '/user/:id/recent-streams',
       },
     ];
   },

src/pages/user/[id]/[[...deeplink]].tsx

@@ -66,8 +66,8 @@ function activeScrollIntoViewFromDeepLink(
     id !== 'tracks' &&
     id !== 'albums' &&
     id !== 'artists' &&
-    id !== 'listeningClocks' &&
-    id !== 'recentStreams'
+    id !== 'listening-clocks' &&
+    id !== 'recent-streams'
   )
     return null;
 
@@ -286,8 +286,8 @@ const User: NextPage<Props> = ({
       albums: topAlbumsRef,
       artists: topArtistsRef,
       genres: topGenresRef,
-      listeningClocks: listeningClocksRef,
-      recentStreams: recentStreamsRef,
+      'listening-clocks': listeningClocksRef,
+      'recent-streams': recentStreamsRef,
     };
 
     if (scrollIntoView) refs[scrollIntoView].current?.scrollIntoView();

src/utils/index.ts

@@ -8,5 +8,5 @@ export type UserScrollIntoView =
   | 'tracks'
   | 'albums'
   | 'artists'
-  | 'listeningClocks'
-  | 'recentStreams';
+  | 'listening-clocks'
+  | 'recent-streams';