Merge pull request #8 from ionlizarazu/main

some fixes for TV programs
erral · Feb 7, 2024 · 8c38461 · 8c38461
2 parents b9eee79 + fe92dac
commit 8c38461
Show file tree

Hide file tree

Showing 11 changed files with 16,228 additions and 227 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/LoadingSlider/LoadingSlider.jsx b/src/components/LoadingSlider/LoadingSlider.jsx
@@ -0,0 +1,61 @@
+import React from 'react';
+import { Card, Col } from 'react-bootstrap';
+import Slider from 'react-slick';
+
+export const LoadingSlider = (props) => {
+  const { carousel_settings, cardClass = 'slider-item' } = props;
+  return (
+    <Slider {...carousel_settings}>
+      <Col>
+        <Card className={cardClass}>
+          <Card.Body>
+            <Card.Title>
+              <span>loading...</span>
+            </Card.Title>
+            <Card.Text></Card.Text>
+          </Card.Body>
+        </Card>
+      </Col>
+      <Col>
+        <Card className={cardClass}>
+          <Card.Body>
+            <Card.Title>
+              <span>loading...</span>
+            </Card.Title>
+            <Card.Text></Card.Text>
+          </Card.Body>
+        </Card>
+      </Col>
+      <Col>
+        <Card className={cardClass}>
+          <Card.Body>
+            <Card.Title>
+              <span>loading...</span>
+            </Card.Title>
+            <Card.Text></Card.Text>
+          </Card.Body>
+        </Card>
+      </Col>
+      <Col>
+        <Card className={cardClass}>
+          <Card.Body>
+            <Card.Title>
+              <span>loading...</span>
+            </Card.Title>
+            <Card.Text></Card.Text>
+          </Card.Body>
+        </Card>
+      </Col>
+      <Col>
+        <Card className={cardClass}>
+          <Card.Body>
+            <Card.Title>
+              <span>loading...</span>
+            </Card.Title>
+            <Card.Text></Card.Text>
+          </Card.Body>
+        </Card>
+      </Col>
+    </Slider>
+  );
+};
diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx
@@ -10,21 +10,34 @@ import { useSelector } from 'react-redux';
 const Navbar = () => {
   const { langCode } = useSelector((state) => state.language);
   return (
-    <BootstrapNavbar expand="lg" bg="primary" className="header-navbar">
+    <BootstrapNavbar
+      collapseOnSelect
+      expand="sm"
+      bg="primary"
+      className="header-navbar"
+    >
       <Container>
         <BootstrapNavbar.Brand as={Link} to="/">
           EITB Nahieran (alt)
         </BootstrapNavbar.Brand>
         <BootstrapNavbar.Toggle aria-controls="basic-navbar-nav" />
         <BootstrapNavbar.Collapse id="basic-navbar-nav">
           <Nav className="me-auto">
-            <Nav.Link as={Link} to="/">
+            <Nav.Link eventKey={1} as={Link} to="/">
               <FormattedMessage id="Home" defaultMessage="Home" />
             </Nav.Link>
-            <Nav.Link as={Link} to={`${ROUTES?.RADIOS.paths[langCode]}`}>
+            <Nav.Link
+              eventKey={2}
+              as={Link}
+              to={`${ROUTES?.RADIOS.paths[langCode]}`}
+            >
               <FormattedMessage id="Radios" defaultMessage="Radios" />
             </Nav.Link>
-            <Nav.Link as={Link} to={`${ROUTES?.TVS.paths[langCode]}`}>
+            <Nav.Link
+              eventKey={3}
+              as={Link}
+              to={`${ROUTES?.TVS.paths[langCode]}`}
+            >
               <FormattedMessage id="TVs" defaultMessage="TVs" />
             </Nav.Link>
           </Nav>