From 9f95367b0a31c1f6ea8638779329807cfc7a99b0 Mon Sep 17 00:00:00 2001
From: Swapnil Bendal <84583651+Swapnil155@users.noreply.github.com>
Date: Mon, 10 Jun 2024 15:23:17 +0530
Subject: [PATCH] [update] -once in download Base Url

---
 src/components/ArticlePage/ArticlePage.jsx           | 12 ++++++------
 src/components/BlogPost/BlogPost.jsx                 | 12 ++++++------
 src/components/BuildPage/BuildBanner.jsx             |  2 +-
 src/components/Card/HappenCard.jsx                   |  2 +-
 src/components/Card/HomeCard.jsx                     |  2 +-
 src/components/Card/LearnCard.jsx                    |  2 +-
 src/components/Card/MobileHomeCard.jsx               |  2 +-
 src/components/Community/CommunityBanner.jsx         |  2 +-
 src/components/Community/CommunityCard.jsx           |  2 +-
 src/components/EcoPage/EcoBanner.jsx                 |  2 +-
 src/components/EventsInternal/EventsInternal.jsx     |  2 +-
 src/components/EventsPage/NewestEvents.jsx           |  2 +-
 src/components/HomePage/HomeBanner.jsx               |  2 +-
 src/components/LearnPage/LearnBanner.jsx             |  2 +-
 .../MobileComponent/MobileCommunityCard.jsx          |  2 +-
 src/components/NavBar/NavBar.jsx                     |  2 +-
 src/components/NewsInternal/NewsInternalPage.jsx     |  4 ++--
 src/components/NewsPage/NewsContent.jsx              |  2 +-
 .../ResourcesPage/tabInsideContent/TabsArticles.jsx  |  2 +-
 .../ResourcesPage/tabInsideContent/TabsVideo.jsx     |  2 +-
 .../tabInsideContent/WhitepaperDocs.jsx              |  4 ++--
 .../ResourcesPage/tableContent/ArticlesTable.jsx     |  2 +-
 .../ResourcesPage/tableContent/VideoTable.jsx        |  2 +-
 src/components/UseCase/NewUseCase.jsx                |  4 ++--
 src/pages/Policy.jsx                                 |  2 +-
 src/pages/Terms.jsx                                  |  2 +-
 26 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/src/components/ArticlePage/ArticlePage.jsx b/src/components/ArticlePage/ArticlePage.jsx
index f44c192..75532d8 100644
--- a/src/components/ArticlePage/ArticlePage.jsx
+++ b/src/components/ArticlePage/ArticlePage.jsx
@@ -137,7 +137,7 @@ const ArticlePage = () => {
               <Avatar
                 size="lg"
                 name="Dan Abrahmov"
-                src={`${API_URL} /${matchingArticles.profile_image}`}
+                src={`${API_URL}/${matchingArticles.profile_image}`}
               />
 
               <Box
@@ -157,7 +157,7 @@ const ArticlePage = () => {
           <Box
             height={"70vh"}
             width={"85vw"}
-            backgroundImage={`url(${API_URL} /${matchingArticles.content_image_large})`}
+            backgroundImage={`url(${API_URL}/${matchingArticles.content_image_large})`}
             backgroundRepeat={"no-repeat"}
             backgroundSize={"cover"}
             position="relative"
@@ -238,25 +238,25 @@ const ArticlePage = () => {
                 }}
               >
                 <TelegramShareButton
-                  url={`${API_URL} /blogs/${matchingArticles.title_slug}`}
+                  url={`${API_URL}/blogs/${matchingArticles.title_slug}`}
                   quote={matchingArticles.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
                 </TelegramShareButton>
                 <TwitterShareButton
-                  url={`${API_URL} /blogs/${matchingArticles.title_slug}`}
+                  url={`${API_URL}/blogs/${matchingArticles.title_slug}`}
                   quote={matchingArticles.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
                 </TwitterShareButton>
                 <FacebookShareButton
-                  url={`${API_URL} /blogs/${matchingArticles.title_slug}`}
+                  url={`${API_URL}/blogs/${matchingArticles.title_slug}`}
                   quote={matchingArticles.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
                 </FacebookShareButton>
                 <LinkedinShareButton
-                  url={`${API_URL} /blogs/${matchingArticles.title_slug}`}
+                  url={`${API_URL}/blogs/${matchingArticles.title_slug}`}
                   quote={matchingArticles.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
diff --git a/src/components/BlogPost/BlogPost.jsx b/src/components/BlogPost/BlogPost.jsx
index 127049b..c851742 100644
--- a/src/components/BlogPost/BlogPost.jsx
+++ b/src/components/BlogPost/BlogPost.jsx
@@ -150,7 +150,7 @@ const BlogPost = () => {
               <Avatar
                 size="lg"
                 name="Dan Abrahmov"
-                src={`${API_URL} /${matchingBlogPost.profile_image}`}
+                src={`${API_URL}/${matchingBlogPost.profile_image}`}
               />
 
               <Box
@@ -170,7 +170,7 @@ const BlogPost = () => {
           <Box
             height={"70vh"}
             width={"85vw"}
-            backgroundImage={`url(${API_URL} /${matchingBlogPost.content_image_large})`}
+            backgroundImage={`url(${API_URL}/${matchingBlogPost.content_image_large})`}
             backgroundRepeat={"no-repeat"}
             backgroundSize={"cover"}
             position="relative"
@@ -251,25 +251,25 @@ const BlogPost = () => {
                 }}
               >
                 <TelegramShareButton
-                  url={`${API_URL} /blogs/${matchingBlogPost.title_slug}`}
+                  url={`${API_URL}/blogs/${matchingBlogPost.title_slug}`}
                   quote={matchingBlogPost.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={tele} />
                 </TelegramShareButton>
                 <TwitterShareButton
-                  url={`${API_URL} /blogs/${matchingBlogPost.title_slug}`}
+                  url={`${API_URL}/blogs/${matchingBlogPost.title_slug}`}
                   quote={matchingBlogPost.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={x} />
                 </TwitterShareButton>
                 <FacebookShareButton
-                  url={`${API_URL} /blogs/${matchingBlogPost.title_slug}`}
+                  url={`${API_URL}/blogs/${matchingBlogPost.title_slug}`}
                   quote={matchingBlogPost.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={fb} />
                 </FacebookShareButton>
                 <LinkedinShareButton
-                  url={`${API_URL} /blogs/${matchingBlogPost.title_slug}`}
+                  url={`${API_URL}/blogs/${matchingBlogPost.title_slug}`}
                   quote={matchingBlogPost.title}
                 >
                   <Image cursor={"pointer"} mb={4} w={6} h={6} src={linked} />
diff --git a/src/components/BuildPage/BuildBanner.jsx b/src/components/BuildPage/BuildBanner.jsx
index c434803..270c6da 100644
--- a/src/components/BuildPage/BuildBanner.jsx
+++ b/src/components/BuildPage/BuildBanner.jsx
@@ -41,7 +41,7 @@ const BuildBanner = ({ data, isLoading }) => {
         <Box
           key={item.id}
           height={"100vh"}
-          backgroundImage={`url(${API_URL} /${item.banner_image})`}
+          backgroundImage={`url(${API_URL}/${item.banner_image})`}
           backgroundRepeat={"no-repeat"}
           backgroundSize={"cover"}
           display={"grid"}
diff --git a/src/components/Card/HappenCard.jsx b/src/components/Card/HappenCard.jsx
index 859941a..d747e38 100644
--- a/src/components/Card/HappenCard.jsx
+++ b/src/components/Card/HappenCard.jsx
@@ -67,7 +67,7 @@ const HappenCard = ({ key, date, text, para, loader, title, img }) => {
               {day}
             </Text>
             <Image
-              src={`${API_URL} /${img}`}
+              src={`${API_URL}/${img}`}
               height={"250px"}
               width={"100%"}
               objectFit={"cover"}
diff --git a/src/components/Card/HomeCard.jsx b/src/components/Card/HomeCard.jsx
index fef9800..df976d1 100644
--- a/src/components/Card/HomeCard.jsx
+++ b/src/components/Card/HomeCard.jsx
@@ -51,7 +51,7 @@ const HomeCard = ({ cardkey, date, text, link }) => {
               objectFit={"cover"}
               borderRadius={"10px"}
               objectPosition={"center"}
-              src={`${API_URL} /${card.content_image_large}`}
+              src={`${API_URL}/${card.content_image_large}`}
             />
             <Box padding={"1rem 1rem 0 1rem"}>
               {card?.tags?.slice(0, 2).map((tag, index) => (
diff --git a/src/components/Card/LearnCard.jsx b/src/components/Card/LearnCard.jsx
index 78d8970..c2ce9fd 100644
--- a/src/components/Card/LearnCard.jsx
+++ b/src/components/Card/LearnCard.jsx
@@ -37,7 +37,7 @@ const LearnCard = ({ id, src, text, href }) => {
         >
           <Image
             height={"60px"}
-            src={`${API_URL} /${src}`}
+            src={`${API_URL}/${src}`}
             alt="company-logo"
             sx={{
               "@media (max-width: 600px)": {
diff --git a/src/components/Card/MobileHomeCard.jsx b/src/components/Card/MobileHomeCard.jsx
index 672f810..2ca2529 100644
--- a/src/components/Card/MobileHomeCard.jsx
+++ b/src/components/Card/MobileHomeCard.jsx
@@ -47,7 +47,7 @@ const MobileHomeCard = ({ key, date, title, link, img, tags }) => {
         }}
       >
         <Image
-          src={`${API_URL} /${img}`}
+          src={`${API_URL}/${img}`}
           borderRadius={"10px"}
         />
         <Box padding={"1rem"}>
diff --git a/src/components/Community/CommunityBanner.jsx b/src/components/Community/CommunityBanner.jsx
index c5d25a4..a87c3f0 100644
--- a/src/components/Community/CommunityBanner.jsx
+++ b/src/components/Community/CommunityBanner.jsx
@@ -40,7 +40,7 @@ const CommunityBanner = ({ onClick }) => {
         <Box
           key={item.id}
           height={"100vh"}
-          backgroundImage={`url(${API_URL} /${item.banner_image})`}
+          backgroundImage={`url(${API_URL}/${item.banner_image})`}
           backgroundRepeat={"no-repeat"}
           backgroundSize={"cover"}
           display={"grid"}
diff --git a/src/components/Community/CommunityCard.jsx b/src/components/Community/CommunityCard.jsx
index b3eb878..daabbe4 100644
--- a/src/components/Community/CommunityCard.jsx
+++ b/src/components/Community/CommunityCard.jsx
@@ -198,7 +198,7 @@ const CommunityCard = () => {
                   description={item.description}
                   designation={item.designation}
                   name={item.member_name}
-                  img={`${API_URL} /${item.profile_image}`}
+                  img={`${API_URL}/${item.profile_image}`}
                   link={item.linkedin}
                 />
               ))}
diff --git a/src/components/EcoPage/EcoBanner.jsx b/src/components/EcoPage/EcoBanner.jsx
index 9bb8719..0a69d9e 100644
--- a/src/components/EcoPage/EcoBanner.jsx
+++ b/src/components/EcoPage/EcoBanner.jsx
@@ -45,7 +45,7 @@ const EcoBanner = () => {
         <Box
           key={item.id}
           height={"100vh"}
-          backgroundImage={`url(${API_URL} /${item.banner_image})`}
+          backgroundImage={`url(${API_URL}/${item.banner_image})`}
           backgroundRepeat={"no-repeat"}
           backgroundSize={"cover"}
           display={"grid"}
diff --git a/src/components/EventsInternal/EventsInternal.jsx b/src/components/EventsInternal/EventsInternal.jsx
index 21cb77b..25438bb 100644
--- a/src/components/EventsInternal/EventsInternal.jsx
+++ b/src/components/EventsInternal/EventsInternal.jsx
@@ -178,7 +178,7 @@ const EventsInternal = () => {
                   }}
                 >
                   <Image
-                    src={`${API_URL} /${matchingEvents.banner_image}`}
+                    src={`${API_URL}/${matchingEvents.banner_image}`}
                   />
                 </Box>
                 {/* Content */}
diff --git a/src/components/EventsPage/NewestEvents.jsx b/src/components/EventsPage/NewestEvents.jsx
index b53a38e..a82c832 100644
--- a/src/components/EventsPage/NewestEvents.jsx
+++ b/src/components/EventsPage/NewestEvents.jsx
@@ -84,7 +84,7 @@ const NewestEvent = () => {
                   >
                     <Box>
                       <Image
-                        src={`${API_URL} /${item.banner_image}`}
+                        src={`${API_URL}/${item.banner_image}`}
                         maxW={"418px"}
                         minH={"280px"}
                         objectFit={"cover"}
diff --git a/src/components/HomePage/HomeBanner.jsx b/src/components/HomePage/HomeBanner.jsx
index 7827795..4e81f9f 100644
--- a/src/components/HomePage/HomeBanner.jsx
+++ b/src/components/HomePage/HomeBanner.jsx
@@ -48,7 +48,7 @@ const HomeBanner = () => {
         <Box
           key={item.id}
           height={"100vh"}
-          backgroundImage={`url(${API_URL} /${item.banner_image})`}
+          backgroundImage={`url(${API_URL}/${item.banner_image})`}
           loading="lazy"
           backgroundRepeat={"no-repeat"}
           backgroundSize={"cover"}
diff --git a/src/components/LearnPage/LearnBanner.jsx b/src/components/LearnPage/LearnBanner.jsx
index acf9ead..9587aaf 100644
--- a/src/components/LearnPage/LearnBanner.jsx
+++ b/src/components/LearnPage/LearnBanner.jsx
@@ -51,7 +51,7 @@ const LearnBanner = () => {
         <Box
           key={item.id}
           height={"100vh"}
-          backgroundImage={`url(${API_URL} /${item.banner_image})`}
+          backgroundImage={`url(${API_URL}/${item.banner_image})`}
           backgroundRepeat={"no-repeat"}
           loading="lazy"
           backgroundSize={"cover"}
diff --git a/src/components/MobileComponent/MobileCommunityCard.jsx b/src/components/MobileComponent/MobileCommunityCard.jsx
index 1cb5a2f..b0460ac 100644
--- a/src/components/MobileComponent/MobileCommunityCard.jsx
+++ b/src/components/MobileComponent/MobileCommunityCard.jsx
@@ -231,7 +231,7 @@ const MobileCommunityCard = () => {
                     }}
                   >
                     <Image
-                      src={`${API_URL} /${item.profile_image}`}
+                      src={`${API_URL}/${item.profile_image}`}
                       sx={{
                         "@media (max-width: 820px)": {
                           height: "auto",
diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
index 60e1ee5..4a232c8 100644
--- a/src/components/NavBar/NavBar.jsx
+++ b/src/components/NavBar/NavBar.jsx
@@ -537,7 +537,7 @@ const NavBar = () => {
                               marginBottom={"1rem"}
                             >
                               <Image
-                                src={`${API_URL} /${slug.icon}`}
+                                src={`${API_URL}/${slug.icon}`}
                                 width={`${iconwidth}`}
                                 height={"50px"}
                                 borderRadius={"50%"}
diff --git a/src/components/NewsInternal/NewsInternalPage.jsx b/src/components/NewsInternal/NewsInternalPage.jsx
index 3940f8e..b3d9cfe 100644
--- a/src/components/NewsInternal/NewsInternalPage.jsx
+++ b/src/components/NewsInternal/NewsInternalPage.jsx
@@ -126,7 +126,7 @@ const NewsInternalPage = () => {
               <Avatar
                 size="lg"
                 name="Dan Abrahmov"
-                src={`${API_URL} .profile_image}`}
+                src={`${API_URL}.profile_image}`}
               />
 
               <Box
@@ -146,7 +146,7 @@ const NewsInternalPage = () => {
           <Box
             height={"70vh"}
             width={"85vw"}
-            backgroundImage={`url(${API_URL} .banner_image})`}
+            backgroundImage={`url(${API_URL}.banner_image})`}
             backgroundRepeat={"no-repeat"}
             backgroundSize={"cover"}
             position="relative"
diff --git a/src/components/NewsPage/NewsContent.jsx b/src/components/NewsPage/NewsContent.jsx
index 49d581d..0d5acd0 100644
--- a/src/components/NewsPage/NewsContent.jsx
+++ b/src/components/NewsPage/NewsContent.jsx
@@ -160,7 +160,7 @@ const NewsContent = () => {
                   }}
                 >
                   <Image
-                    src={`${API_URL} /${content.banner_image}`}
+                    src={`${API_URL}/${content.banner_image}`}
                     height={"240px"}
                     width={"100%"}
                     objectFit={"cover"}
diff --git a/src/components/ResourcesPage/tabInsideContent/TabsArticles.jsx b/src/components/ResourcesPage/tabInsideContent/TabsArticles.jsx
index 9c22a16..9be241f 100644
--- a/src/components/ResourcesPage/tabInsideContent/TabsArticles.jsx
+++ b/src/components/ResourcesPage/tabInsideContent/TabsArticles.jsx
@@ -72,7 +72,7 @@ const TabsArticles = () => {
               >
                 <Box>
                   <Image
-                    src={`${API_URL} /${item.content_image_large}`}
+                    src={`${API_URL}/${item.content_image_large}`}
                     maxW={"418px"}
                     minH={"280px"}
                     objectFit={"cover"}
diff --git a/src/components/ResourcesPage/tabInsideContent/TabsVideo.jsx b/src/components/ResourcesPage/tabInsideContent/TabsVideo.jsx
index 488ab9b..c2ab578 100644
--- a/src/components/ResourcesPage/tabInsideContent/TabsVideo.jsx
+++ b/src/components/ResourcesPage/tabInsideContent/TabsVideo.jsx
@@ -128,7 +128,7 @@ const TabsVideo = () => {
               >
                 <Box>
                   <Image
-                    src={`${API_URL} /${item.thumbnail}`}
+                    src={`${API_URL}/${item.thumbnail}`}
                     maxW={"418px"}
                     minH={"280px"}
                     objectFit={"cover"}
diff --git a/src/components/ResourcesPage/tabInsideContent/WhitepaperDocs.jsx b/src/components/ResourcesPage/tabInsideContent/WhitepaperDocs.jsx
index 5016e67..1e7eea9 100644
--- a/src/components/ResourcesPage/tabInsideContent/WhitepaperDocs.jsx
+++ b/src/components/ResourcesPage/tabInsideContent/WhitepaperDocs.jsx
@@ -68,7 +68,7 @@ const WhitepaperDocs = () => {
             }}
           >
             <Image
-              src={`${API_URL} /${item.bannerImage}`}
+              src={`${API_URL}/${item.bannerImage}`}
               maxHeight={"215px"}
               width={"100%"}
               objectFit={"contain"}
@@ -109,7 +109,7 @@ const WhitepaperDocs = () => {
                 ></Box>
                 <a
                   download="RubiX_WhitePaper.pdf"
-                  href={`${API_URL} /${item.document}`}
+                  href={`${API_URL}/${item.document}`}
                 >
                   <Button
                     position={"relative"}
diff --git a/src/components/ResourcesPage/tableContent/ArticlesTable.jsx b/src/components/ResourcesPage/tableContent/ArticlesTable.jsx
index 7e0b981..84171f4 100644
--- a/src/components/ResourcesPage/tableContent/ArticlesTable.jsx
+++ b/src/components/ResourcesPage/tableContent/ArticlesTable.jsx
@@ -148,7 +148,7 @@ const ArticlesTable = () => {
               <Image
                 minH={"180px"}
                 objectFit={"cover"}
-                src={`${API_URL} /${content.content_image_large}`}
+                src={`${API_URL}/${content.content_image_large}`}
               />
               <Box padding={"1rem"}>
                 <Text
diff --git a/src/components/ResourcesPage/tableContent/VideoTable.jsx b/src/components/ResourcesPage/tableContent/VideoTable.jsx
index b274e89..5af75e4 100644
--- a/src/components/ResourcesPage/tableContent/VideoTable.jsx
+++ b/src/components/ResourcesPage/tableContent/VideoTable.jsx
@@ -135,7 +135,7 @@ const VideoTable = () => {
                 width={"100%"}
                 objectFit={"cover"}
                 maxHeight={"180px"}
-                src={`${API_URL} /${content.thumbnail}`}
+                src={`${API_URL}/${content.thumbnail}`}
               />
               <Box padding={"1rem 0"}>
                 <Text
diff --git a/src/components/UseCase/NewUseCase.jsx b/src/components/UseCase/NewUseCase.jsx
index 9014998..50c9a49 100644
--- a/src/components/UseCase/NewUseCase.jsx
+++ b/src/components/UseCase/NewUseCase.jsx
@@ -42,7 +42,7 @@ const NewUseCase = () => {
           <Box
             height={"75vh"}
             width={"100%"}
-            backgroundImage={`url(${API_URL} /${matchingUseCase.bannerImage})`}
+            backgroundImage={`url(${API_URL}/${matchingUseCase.bannerImage})`}
             backgroundRepeat={"no-repeat"}
             backgroundSize={"cover"}
             position="relative"
@@ -247,7 +247,7 @@ const NewUseCase = () => {
                       {
                         <a
                           download={item.originalname}
-                          href={`${API_URL} /${item.path}`}
+                          href={`${API_URL}/${item.path}`}
                           target="_blank"
                         >
                           <Button
diff --git a/src/pages/Policy.jsx b/src/pages/Policy.jsx
index 080986d..6c555b3 100644
--- a/src/pages/Policy.jsx
+++ b/src/pages/Policy.jsx
@@ -32,7 +32,7 @@ const Policy = () => {
             key={item.id}
             height={"75vh"}
             width={"100%"}
-            backgroundImage={`url(${API_URL} /${item.banner_image})`}
+            backgroundImage={`url(${API_URL}/${item.banner_image})`}
             backgroundRepeat={"no-repeat"}
             backgroundSize={"cover"}
             position="relative"
diff --git a/src/pages/Terms.jsx b/src/pages/Terms.jsx
index 918ef53..720d18e 100644
--- a/src/pages/Terms.jsx
+++ b/src/pages/Terms.jsx
@@ -31,7 +31,7 @@ const Terms = () => {
             key={item.id}
             height={"75vh"}
             width={"100%"}
-            backgroundImage={`url(${API_URL} /${item.banner_image})`}
+            backgroundImage={`url(${API_URL}/${item.banner_image})`}
             backgroundRepeat={"no-repeat"}
             backgroundSize={"cover"}
             position="relative"