Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-08-08 20:17:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: naming changes + conditional rendering for the button

Browse source
This commit is contained in:
kKaskak 2023-12-14 12:33:10 +01:00
parent 179ed3948f
commit cd8be46584
2 changed files with 13 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/routes/Board/Board.js
View file

@ -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>
:

4
src/routes/Board/useFetchModalData.js → src/routes/Board/useFetchNotificationData.js
View file

@ -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;