updated

src/Pages/Banners/HomeBanner/HomeBannerEdit.jsx

@@ -15,7 +15,7 @@ const HomeBannerEdit = () => {
     gap={5}
     >
         <Image src={noInternet} w={300} />
-        <Text color={'blue.800'} as={'span'} className='fw-bold'>Under Construction</Text>
+        <Text color={'blue.800'} as={'span'} className='fw-bold'>Under </Text>
     </Box>
   )
 }

src/Pages/BlogsAndArticles/BlogsAndArticles.jsx

@@ -268,9 +268,9 @@ const BlogsAndArticles = () => {
   return (
     <>
       <TabularView
-        title={"Videos"}
-        btnTitle={"Create videos"}
-        link={"/videos/add-videos"}
+        title={"Blogs and articles"}
+        btnTitle={"Create Blog"}
+        link={"/blogs-articles/add-blog"}
         apiData={blog}
         tableHeadRow={tableHeadRow}
         extractedArray={extractedArray}

src/Pages/Community/CommunityBannerCard.jsx

@@ -8,6 +8,7 @@ import {
   Heading,
   Image,
   Text,
+  Tooltip,
 } from "@chakra-ui/react";
 import React from "react";
 import WebButton from "../../Components/WebButton";
@@ -34,7 +35,9 @@ const CommunityBannerCard = ({
       overflow={"hidden"}
       position={"relative"}
       rounded={"lg"}
-      boxShadow={' rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px'}
+      boxShadow={
+        " rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px"
+      }
     >
       <CardBody
         position={"absolute"}
@@ -45,17 +48,27 @@ const CommunityBannerCard = ({
         // backgroundColor={status ? "#ffe5ea": '#ffffff'}
         backdropFilter="blur(1px)"
       >
-        {status ? <Badge position={'absolute'}
-        top={2}
-        right={-2} 
-        pe={3}
-        colorScheme="green"
-        >Active</Badge> : <Badge position={'absolute'}
-        top={2}
-        right={-2} 
-        pe={3}
-        colorScheme="red"
-        >Inactive</Badge>}
+        {status ? (
+          <Badge
+            position={"absolute"}
+            top={2}
+            right={-2}
+            pe={3}
+            colorScheme="green"
+          >
+            Active
+          </Badge>
+        ) : (
+          <Badge
+            position={"absolute"}
+            top={2}
+            right={-2}
+            pe={3}
+            colorScheme="red"
+          >
+            Inactive
+          </Badge>
+        )}
 
         <Box
           mb={0}
@@ -64,14 +77,55 @@ const CommunityBannerCard = ({
           h={"100%"}
           w={"100%"}
         >
-          <Box display={"flex"} flexDirection={"column"} alignItems={"start"}>
-            <Heading className="web-text-large " mb={0} size="md">
-              {heading}
-            </Heading>
+          <Box
+            w={40}
+            display={"flex"}
+            flexDirection={"column"}
+            alignItems={"start"}
+          >
+            <Tooltip
+              className="rounded-2 web-text-xsmall"
+              width={"fit-content"}
+              placement="top"
+              hasArrow
+              label={heading}
+              bg="blue.200"
+            >
+              <Box
+                display={"flex"}
+                className="web-text-large fw-bold"
+                alignItems={"center"}
+                w={"100%"}
+              >
+                <Text as={"span"} isTruncated={true}>
+                  {heading}
+                </Text>
+              </Box>
+            </Tooltip>
 
-            <Text className="web-text-medium" as={"span"} isTruncated={true}>
-              {subHeading}
-            </Text>
+            <Box
+              display={"flex"}
+              className="web-text-large fw-bold"
+              alignItems={"center"}
+              w={180}
+            >
+              <Tooltip
+                className="rounded-2 web-text-xsmall"
+                width={"fit-content"}
+                placement="top"
+                hasArrow
+                label={subHeading}
+                bg="blue.200"
+              >
+                <Text
+                  className="web-text-medium"
+                  as={"span"}
+                  isTruncated={true}
+                >
+                  {subHeading}
+                </Text>
+              </Tooltip>
+            </Box>
             <Button
               fontWeight={"bold"}
               className="web-text-xsmall"
@@ -96,8 +150,8 @@ const CommunityBannerCard = ({
             <Image
               boxShadow={"inner"}
               rounded={"md"}
-              w={140}
-              h={"80px"}
+              w={130}
+              h={"75px"}
               src={`https://rubix.betadelivery.com/${bgImage}`}
             />
           </Box>

src/Pages/UnderConstruction.jsx

@@ -0,0 +1,25 @@
+import { Box, Image, Text } from '@chakra-ui/react'
+import React from 'react'
+import noInternet from "../assets/Error.svg"
+
+const UnderConstruction = () => {
+  return (
+    <Box
+    w={'100vw'}
+    h={'100vh'}
+    display={'flex'}
+    justifyContent={'center'}
+    alignItems={'statr'}
+    flexDirection={'column'}
+    ms={"30vw"}
+    gap={5}
+    >
+      <Box w={300} className='d-flex justify-content-start align-items-center flex-column'>
+        <Image src={noInternet} w={300} />
+        <Text color={'blue.800'} as={'span'} className='fw-bold'>Under Construction</Text>
+        </Box>
+    </Box>
+  )
+}
+
+export default UnderConstruction

src/Pages/Videos/Videos.jsx

@@ -132,10 +132,10 @@ const Videos = () => {
             </MenuButton>
             <Portal>
               <MenuList minWidth="80px">
-                <Link to={`/banner/banner-community/edit/${item.id}`}>
+                <Link to={`/videos/edit/${item.id}`}>
                   <MenuItem className="web-text-medium">Edit</MenuItem>
                 </Link>
-                <Link to={`/banner/banner-community/view/${item.id}`}>
+                <Link to={`/videos/view/${item.id}`}>
                   <MenuItem className="web-text-medium">View</MenuItem>
                 </Link>
                 <MenuItem

src/Routes/Routes.js

@@ -41,12 +41,19 @@ import HomeBannerEdit from "../Pages/Banners/HomeBanner/HomeBannerEdit";
 import AddWhitepapers from "../Pages/Whitepapers/AddWhitepapers";
 import ViewWhitePaper from "../Pages/Whitepapers/ViewWhitePaper";
 import EditWhitepaper from "../Pages/Whitepapers/EditWhitepaper";
+import UnderConstruction from "../Pages/UnderConstruction";
 
 export const RouteLink = [
   { path: "/", Component: Home },
-  { path: "/videos", Component: Videos },
   { path: "/help-and-support", Component: HelpAndSupport },
 
+
+  
+  { path: "/videos", Component: Videos },
+  { path: "videos/add-videos", Component: UnderConstruction },
+  { path: "videos/view/:id", Component: UnderConstruction },
+  { path: "videos/edit/:id", Component: UnderConstruction },
+
   { path: "/whitepaper", Component: Whitepapers },
   { path: "whitepaper/add-whitepaper", Component: AddWhitepapers },
   { path: "whitepaper/view/:id", Component: ViewWhitePaper },
@@ -74,25 +81,25 @@ export const RouteLink = [
   { path: "banner/learn", Component: BannerLearn },
   { path: "banner/learn/add-banner", Component: BannerLearnAdd },
   { path: "banner/learn/view/:id", Component: ViewLearnBanner },
-  { path: "banner/learn/edit/:id", Component: BannerLearnEdit },
+  { path: "banner/learn/edit/:id", Component: UnderConstruction },
 
   // =============[ build banner ]================
   { path: "banner/build", Component: BannerBuild },
   { path: "banner/build/add-banner", Component: BannerBuildAdd },
   { path: "banner/build/view/:id", Component: BannerBuildView },
-  { path: "banner/build/edit/:id", Component: BannerBuildEdit },
+  { path: "banner/build/edit/:id", Component: UnderConstruction },
 
   // =============[ news banner ]================
   { path: "banner/news", Component: BannerNews },
   { path: "banner/news/add-banner", Component: BannerNewsAdd },
   { path: "banner/news/view/:id", Component: BannerNewsView },
-  { path: "banner/news/edit/:id", Component: BannerNewsEdit },
+  { path: "banner/news/edit/:id", Component: UnderConstruction },
 
   // =============[ home banner ]================
   { path: "banner/home", Component: HomeBanner },
   { path: "banner/home/add-banner", Component: HomeBannerAdd },
   { path: "banner/home/view/:id", Component: HomeBannerView },
-  { path: "banner/home/edit/:id", Component: HomeBannerEdit },
+  { path: "banner/home/edit/:id", Component: UnderConstruction },
 
   // =============[ blog ]================
   { path: "/blogs-articles", Component: BlogsAndArticles },
@@ -109,4 +116,6 @@ export const RouteLink = [
   // =============[ events ]================
   { path: "/events", Component: Events },
   { path: "/events/add-events", Component: AddEvents },
+  { path: "/events/view/:id", Component: UnderConstruction },
+  { path: "/events/edit/:id", Component: UnderConstruction },
 ];