FreedCamp bugs fixing and updates

src/components/Footer/Footer.jsx

@@ -165,6 +165,9 @@ const Footer = () => {
                           borderBottomRightRadius={"5px"}
                           width={"167px"}
                           //   onClick={handleSubmit}
+                          _hover={{
+                            backgroundColor: "#C96F76",
+                          }}
                         >
                           Submit
                         </Button>
@@ -422,7 +425,7 @@ const Footer = () => {
                   fontSize={"15px"}
                   fontWeight={"400"}
                 >
-                  Terms Conditions
+                  Terms & Conditions
                 </Text>
               </Link>
             </Container>

src/components/NewsInternal/NewsInternalPage.jsx

@@ -95,7 +95,7 @@ const NewsInternalPage = () => {
               }}
             >
               {(function () {
-                const createdAtDate = new Date(matchingNewsPost.createdAt);
+                const createdAtDate = new Date(matchingNewsPost.release_date);
                 const formattedDate = createdAtDate
                   .toLocaleDateString("en-GB", {
                     day: "2-digit",
@@ -121,7 +121,7 @@ const NewsInternalPage = () => {
               })()}
             </Text>
 
-            <Box display={"flex"} gap={3} textAlign={"center"}>
+            {/* <Box display={"flex"} gap={3} textAlign={"center"}>
               <Avatar
                 size="lg"
                 name="Dan Abrahmov"
@@ -139,7 +139,7 @@ const NewsInternalPage = () => {
                 <Text>{matchingNewsPost.author_name}</Text>
                 <Text>{matchingNewsPost.author_designation}</Text>
               </Box>
-            </Box>
+            </Box> */}
           </Box>
           {/* ========[ Banner ]======= */}
           <Box

src/components/ResourcesPage/tabInsideContent/WhitepaperDocs.jsx

@@ -42,7 +42,8 @@ const WhitepaperDocs = () => {
     <Box
       display={"flex"}
       flexWrap={"wrap"}
-      justifyContent={"space-between"}
+      justifyContent={"start"}
+      gap={"3rem"}
       width={"100%"}
       sx={{
         "@media (max-width: 1024px)": {
@@ -53,10 +54,10 @@ const WhitepaperDocs = () => {
       {docs?.map((item) => (
         <Box marginBottom={"2rem"} key={item.id}>
           <Box
-            width={"360px"}
+            width={"340px"}
             background={"#404040"}
             borderRadius={"10px"}
-            minHeight={"362px"}
+            minHeight={"380px"}
             padding={"15px"}
             sx={{
               "@media (max-width: 600px)": {
@@ -71,13 +72,14 @@ const WhitepaperDocs = () => {
               width={"100%"}
               objectFit={"contain"}
               objectPosition={"center"}
+              minHeight={"235px"}
             />
             <Box padding={"1rem"}>
               <Text
                 color={"#fff"}
-                fontSize={"25px"}
+                fontSize={"18px"}
                 marginBottom={"20px"}
-                minHeight={"40px"}
+                minHeight={"60px"}
                 maxWidth={"420px"}
               >
                 {item.title}

src/components/ResourcesPage/tableContent/ArticlesTable.jsx

@@ -114,7 +114,9 @@ const ArticlesTable = () => {
         display={"flex"}
         flexWrap={"wrap"}
         rowGap={"2rem"}
-        justifyContent={"space-between"}
+        justifyContent={"start"}
+        gap={"3.6rem"}
+        width={"100%"}
         alignItems={"center"}
         sx={{
           "@media (max-width: 1024px)": {
@@ -143,6 +145,8 @@ const ArticlesTable = () => {
               }}
             >
               <Image
+                minH={"180px"}
+                objectFit={"cover"}
                 src={`https://rubix.betadelivery.com/${content.content_image_large}`}
               />
               <Box padding={"1rem"}>

src/components/ResourcesPage/tableContent/VideoTable.jsx

@@ -120,7 +120,7 @@ const VideoTable = () => {
               width={"340px"}
               background={"#404040"}
               borderRadius={"10px"}
-              minHeight={"340px"}
+              minHeight={"405px"}
               padding={"15px"}
               sx={{
                 "@media (max-width: 820px)": {
@@ -130,6 +130,10 @@ const VideoTable = () => {
               }}
             >
               <Image
+                // height={"340px"}
+                width={"100%"}
+                objectFit={"cover"}
+                maxHeight={"180px"}
                 src={`https://rubix.betadelivery.com/${content.thumbnail}`}
               />
               <Box padding={"1rem 0"}>
@@ -137,7 +141,7 @@ const VideoTable = () => {
                   color={"#fff"}
                   fontSize={"25px"}
                   marginBottom={"10px"}
-                  minHeight={"70px"}
+                  minHeight={"80px"}
                   maxWidth={"420px"}
                 >
                   {content.title}

src/components/VideoInternal/VideoInternal.jsx

@@ -115,7 +115,7 @@ const VideoInternal = () => {
               },
             }}
           >
-            Video duration : {matchingvideos?.duration} min
+            Video duration : {matchingvideos?.duration}
           </Text>
 
           <Text