Detail route renamed to MetaDetails

src/App/routerViewsConfig.js

@@ -26,8 +26,8 @@ const routerViewsConfig = [
     ],
     [
         {
-            ...routesRegexp.detail,
-            component: routes.Detail
+            ...routesRegexp.metadetails,
+            component: routes.MetaDetails
         },
         {
             ...routesRegexp.addons,

src/common/routesRegexp.js

@@ -19,8 +19,8 @@ const routesRegexp = {
         regexp: /^\/search\/?$/i,
         urlParamsNames: []
     },
-    detail: {
-        regexp: /^\/detail\/(?:([^\/]+?))\/(?:([^\/]+?))(?:\/([^\/]*?))?\/?$/i,
+    metadetails: {
+        regexp: /^\/metadetails\/(?:([^\/]+?))\/(?:([^\/]+?))(?:\/([^\/]*?))?\/?$/i,
         urlParamsNames: ['type', 'id', 'videoId']
     },
     addons: {

src/routes/Detail/index.js

@@ -1,3 +0,0 @@
-const Detail = require('./Detail');
-
-module.exports = Detail;

src/routes/MetaDetails/MetaDetails.js

@@ -6,18 +6,18 @@ const useMetaDetails = require('./useMetaDetails');
 const useSelectableGroups = require('./useSelectableGroups');
 const styles = require('./styles');
 
-const Detail = ({ urlParams }) => {
+const MetaDetails = ({ urlParams }) => {
     const [meta, streams] = useMetaDetails(urlParams);
     const [metaResourceRef, metaGroups, selectedMetaGroup] = useSelectableGroups(meta.resourceRef, meta.groups);
     const { resourceRef: streamsResourceRef, groups: streamsGroups } = streams;
     return (
-        <div className={styles['detail-container']}>
+        <div className={styles['metadetails-container']}>
             <NavBar
                 className={styles['nav-bar']}
                 backButton={true}
                 title={selectedMetaGroup !== null ? selectedMetaGroup.content.content.name : null}
             />
-            <div className={styles['detail-content']}>
+            <div className={styles['metadetails-content']}>
                 {
                     metaResourceRef !== null ?
                         selectedMetaGroup !== null ?
@@ -80,4 +80,4 @@ const Detail = ({ urlParams }) => {
     );
 };
 
-module.exports = Detail;
+module.exports = MetaDetails;

src/routes/MetaDetails/index.js

@@ -0,0 +1,3 @@
+const MetaDetails = require('./MetaDetails');
+
+module.exports = MetaDetails;

src/routes/MetaDetails/styles.less

@@ -1,4 +1,4 @@
-.detail-container {
+.metadetails-container {
     display: flex;
     flex-direction: column;
     width: 100%;
@@ -10,7 +10,7 @@
         align-self: stretch;
     }
 
-    .detail-content {
+    .metadetails-content {
         flex: 1;
         align-self: stretch;
         position: relative;

src/routes/index.js

@@ -2,10 +2,10 @@ const Addons = require('./Addons');
 const Board = require('./Board');
 const Discover = require('./Discover');
 const Library = require('./Library');
+const MetaDetails = require('./MetaDetails');
 const Search = require('./Search');
 const Settings = require('./Settings');
 const Player = require('./Player');
-const Detail = require('./Detail');
 const Intro = require('./Intro');
 
 module.exports = {
@@ -13,9 +13,9 @@ module.exports = {
     Board,
     Discover,
     Library,
+    MetaDetails,
     Search,
     Settings,
     Player,
-    Detail,
     Intro
 };

storybook/stories/SeasonsBar/SampleSeasonsBar/SampleSeasonsBar.js

@@ -1,7 +1,7 @@
 const React = require('react');
 const { storiesOf } = require('@storybook/react');
 const { action } = require('@storybook/addon-actions');
-const SeasonsBar = require('stremio/routes/Detail/VideosList/SeasonsBar');
+const SeasonsBar = require('stremio/routes/MetaDetails/VideosList/SeasonsBar');
 const styles = require('./styles');
 
 storiesOf('SeasonsBar', module).add('SampleSeasonsBar', () => {

storybook/stories/SeasonsBar/SeasonsBarPlaceholder/SeasonsBarPlaceholder.js

@@ -1,6 +1,6 @@
 const React = require('react');
 const { storiesOf } = require('@storybook/react');
-const SeasonsBar = require('stremio/routes/Detail/VideosList/SeasonsBar');
+const SeasonsBar = require('stremio/routes/MetaDetails/VideosList/SeasonsBar');
 const styles = require('./styles');
 
 storiesOf('SeasonsBar', module).add('SeasonsBarPlaceholder', () => {