updated video sources

steveyout · Jun 28, 2024 · 5fddf39 · 5fddf39
1 parent 07482a5
commit 5fddf39
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 38 deletions.
diff --git a/layouts/main/MainHeader.js b/layouts/main/MainHeader.js
@@ -118,27 +118,27 @@ export default function MainHeader() {
 
           {isDesktop?(
             <Stack direction={'row'} justifyContent={'space-between'} alignItems={'center'}>
-              <NextLink href={'https://t.me/youplexannouncments'} passHref>
+              <NextLink href={'https://t.me/youplexannouncments'} passHref rel="noopener" target="_blank">
                 <Button variant="contained" startIcon={<Iconify icon={'la:telegram'} />} sx={{mr:2}}>
                   Telegram
                 </Button>
               </NextLink>
 
-              <NextLink href={'https://discord.gg/5eWu9Vz6tQ'} passHref>
+              <NextLink href={'https://discord.gg/5eWu9Vz6tQ'} passHref rel="noopener" target="_blank">
                 <Button variant="contained" color={'secondary'} startIcon={<Iconify icon={'iconoir:discord'} />}>
                   Discord
                 </Button>
               </NextLink>
             </Stack>
           ):(
             <Stack direction={'row'} justifyContent={'space-between'} alignItems={'center'}>
-              <NextLink href={'https://t.me/youplexannouncments'} passHref>
-                <IconButtonAnimate  color={'primary'} sx={{mr:2}}>
-                  <Iconify icon={'la:telegram'} />
+              <NextLink href={'https://t.me/youplexannouncments'} passHref rel="noopener" target="_blank">
+                <IconButtonAnimate color={'secondary'} sx={{mr:2}}>
+                  <Iconify icon={'la:telegram'} sx={{color:'green'}}/>
                 </IconButtonAnimate>
               </NextLink>
 
-              <NextLink href={'https://discord.gg/5eWu9Vz6tQ'} passHref>
+              <NextLink href={'https://discord.gg/5eWu9Vz6tQ'} passHref rel="noopener" target="_blank">
                 <IconButtonAnimate color={'secondary'}>
                   <Iconify icon={'iconoir:discord'} />
                 </IconButtonAnimate>

diff --git a/pages/_app.js b/pages/_app.js
@@ -61,7 +61,7 @@ import MotionLazyContainer from '@/components/animate/MotionLazyContainer';
 
 //vidstack
 //import 'vidstack/styles/base.css';
-//import '@/public/css/video.css';
+import '@/public/css/video.css';
 import '@vidstack/react/player/styles/default/theme.css';
 import '@vidstack/react/player/styles/default/layouts/video.css';
 

diff --git a/pages/index.js b/pages/index.js
@@ -186,22 +186,29 @@ export default function Videos({ data }) {
                   Telegram
                 </a>{' '}
                 channel for more updates
-
-                <br/>
-                <Stack alignItems={'center'} justifyContent={'center'}>
-                <NextLink href={'https://streamerflix.xyz/'} passHref>
-                  <Button variant="contained" color={'error'} startIcon={<Iconify icon={'icon-park-outline:play'} />} sx={{
-                    animation: `${pulse} ${1500}ms ease-out infinite`,
-                  }}>
-                    StreamerFlix free movies (new)
-                  </Button>
-                </NextLink>
-                </Stack>
-
               </Alert>
             </m.div>
           </Stack>
 
+          <Stack alignItems={'center'} justifyContent={'center'} mb={5}>
+            <NextLink href={'https://streamerflix.xyz/'} passHref>
+              <Button variant="contained" color={'warning'} startIcon={<Iconify icon={'icon-park-outline:play'} />} sx={{
+                animation: `${pulse} ${1500}ms ease-out infinite`,
+                mb:5
+              }}>
+                StreamerFlix free movies (new)
+              </Button>
+            </NextLink>
+
+            <NextLink href={'https://rivestream.xyz/'} passHref>
+              <Button variant="contained" color={'info'} startIcon={<Iconify icon={'icon-park-outline:play'} />} sx={{
+                animation: `${pulse} ${1500}ms ease-out infinite`,
+              }}>
+                Rivestream free movies (new)
+              </Button>
+            </NextLink>
+          </Stack>
+
           <InfiniteScroll
             pageStart={0}
             loadMore={handleLoadMore}

diff --git a/pages/search/[id].js b/pages/search/[id].js
@@ -212,14 +212,18 @@ export default function Videos({ data }) {
                   )
                 )
               ) : !loading && videos.length === 0 ? (
-                <Box sx={{ maxWidth: 480, margin: 'auto', textAlign: 'center' }}>
+                <Grid item xs={12} sm={12} md={12}>
+                <Box sx={{ width:'100%', margin: 'auto', textAlign: 'center' }}>
                   <EmptyContent
                     title={'No results'}
                     img={'/images/empty.jpg'}
                     description={'Try again'}
                   />
-                  <SearchForm />
                 </Box>
+                <Box sx={{margin:2}}>
+                <SearchForm />
+                </Box>
+                </Grid>
               ) : (
                 videos.map((post, index) => (
                   <Grid key={post.id} item xs={12} sm={6} md={3}>

diff --git a/public/css/video.css b/public/css/video.css
@@ -7,20 +7,3 @@ Video{
     height: 100%;
     object-fit: cover;
 }
-/* Avoid double controls on iOS when in fullscreen. */
-.media[data-ios-controls] .media-controls,
-    /* Hide controls while media is loading, or user is idle. */
-.media:not([data-can-play]) .media-controls,
-.media:not([data-controls]) .media-controls {
-    opacity: 0;
-    pointer-events: none;
-}
-
-.media[data-controls] .media-controls {
-    opacity: 1;
-}
-
-/* Show controls if autoplay fails. */
-.media[data-autoplay-error] .media-controls {
-    opacity: 1;
-}