Added label web under test

alex0rpi · Jun 8, 2024 · 7cdbc9c · 7cdbc9c
1 parent 5c40a73
commit 7cdbc9c
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 1 deletion.
diff --git a/client/src/components/UI-components/LabelUnderTesting.tsx b/client/src/components/UI-components/LabelUnderTesting.tsx
@@ -0,0 +1,9 @@
+const LabelUnderTesting = () => {
+  return (
+    <div className='rounded-full bg-yellow-900 p-1'>
+      <p className='text-yellow-400'>🚧 Web en proves 🏗️</p>
+    </div>
+  );
+};
+
+export default LabelUnderTesting;
diff --git a/client/src/components/navigation/NavigationBar.tsx b/client/src/components/navigation/NavigationBar.tsx
@@ -49,7 +49,9 @@ const NavigationBar = () => {
         </motion.div>
 
         {/* Espacio vacío */}
-        <div className='flex-grow md:hidden'></div>
+        <div className='flex-grow md:hidden flex items-center justify-center'>
+          <p className='text-yellow-400 text-sm'>🚧Web en proves🏗️</p>
+        </div>
 
         {/* Botón de hamburguesa */}
         {!show && (

diff --git a/client/src/pages/HomePage.tsx b/client/src/pages/HomePage.tsx
@@ -17,6 +17,7 @@ import {
 import { fotos } from '../assets/carouselPictures';
 import { ScrollTopBtn, ImageSlider, Spinner } from '../components/UI-components';
 import { useMediaQuery } from 'react-responsive';
+import LabelUnderTesting from '../components/UI-components/LabelUnderTesting';
 
 const HomePage = () => {
   const BookFeatures = lazy(() =>
@@ -63,6 +64,7 @@ const HomePage = () => {
   return (
     <>
       <div id="association"><HeaderTitle /></div>
+      {isMdScreenOrLarger && <div className="fixed top-0 right-0 z-50"><LabelUnderTesting/></div>}
       <ImageSlider pictures={fotos} />
       <Association />
       <PresidentGreet id="presidentGreeting" />

diff --git a/client/src/pages/SeasonPage.tsx b/client/src/pages/SeasonPage.tsx
@@ -15,6 +15,7 @@ import {
 import { seasonInfos as chapters } from '../data/SeasonInfos';
 import { seasonFotos } from '../assets/seasonPictures';
 import { useMediaQuery } from 'react-responsive';
+import LabelUnderTesting from '../components/UI-components/LabelUnderTesting';
 
 const SeasonPage = () => {
   const isMdScreenOrLarger = useMediaQuery({ minWidth: 768 });
@@ -100,6 +101,12 @@ const SeasonPage = () => {
   return (
     <div id='proArticle'>
       <HeaderTitle />
+      {isMdScreenOrLarger && (
+        <div className='fixed top-0 right-0 z-50'>
+          <LabelUnderTesting />
+        </div>
+      )}
+
       <div className='flex justify-center items-center mt-2'>
         {chapters?.map((chapter, index) => (
           <BadgeClickable