refactor: naming changes + conditional rendering for the button

Stremio · Dec 14, 2023 · cd8be46 · cd8be46
1 parent 179ed39
commit cd8be46
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/src/routes/Board/Board.js b/src/routes/Board/Board.js
@@ -8,7 +8,7 @@ const { MainNavBars, MetaRow, ContinueWatchingItem, MetaItem, StreamingServerWar
 const useBoard = require('./useBoard');
 const useContinueWatchingPreview = require('./useContinueWatchingPreview');
 const styles = require('./styles');
-const useFetchModalData = require('./useFetchModalData');
+const useFetchNotificationData = require('./useFetchNotificationData');
 
 const THRESHOLD = 5;
 
@@ -19,8 +19,8 @@ const Board = () => {
     const [board, loadBoardRows] = useBoard();
     const boardCatalogsOffset = continueWatchingPreview.items.length > 0 ? 1 : 0;
     const scrollContainerRef = React.useRef();
-    const { notificationModalData, isModalDataLoading } = useFetchModalData();
-    const [isNotificationModalOpen, , closeNotificationModal, ] = useBinaryState(true);
+    const { notificationModalData, isModalDataLoading } = useFetchNotificationData();
+    const [isNotificationModalOpen, , closeNotificationModal] = useBinaryState(true);
     const onVisibleRangeChange = React.useCallback(() => {
         const range = getVisibleChildrenRange(scrollContainerRef.current);
         if (range === null) {
@@ -65,9 +65,14 @@ const Board = () => {
                                         null
                                 }
                             </div>
-                            <Button className={styles['action-button']}>
-                                <div className={styles['label']}>Learn more</div>
-                            </Button>
+                            {
+                                notificationModalData.addon.manifestUrl ?
+                                    <Button className={styles['action-button']} href={notificationModalData.addon.manifestUrl}>
+                                        <div className={styles['label']}>Learn more</div>
+                                    </Button>
+                                    :
+                                    null
+                            }
                         </div>
                     </ModalDialog>
                     :

diff --git a/src/routes/Board/useFetchModalData.js → src/routes/Board/useFetchNotificationData.js b/src/routes/Board/useFetchModalData.js → src/routes/Board/useFetchNotificationData.js
@@ -2,7 +2,7 @@
 
 const React = require('react');
 
-const useFetchModalData = () => {
+const useFetchNotificationData = () => {
     const [notificationModalData, setNotificationModalData] = React.useState(null);
     const [isLoading, setIsLoading] = React.useState(false);
 
@@ -38,4 +38,4 @@ const useFetchModalData = () => {
     return { notificationModalData, isLoading };
 };
 
-module.exports = useFetchModalData;
+module.exports = useFetchNotificationData;