From 19f4f9437a85c1fa4968879fdbe60b877fbb128e Mon Sep 17 00:00:00 2001
From: Philip Cheung <philip.cheung@nirons.com>
Date: Tue, 8 Oct 2024 11:21:44 +0800
Subject: [PATCH] fsdfsdf

---
 frontend/src/components/AboutUs/EditAboutUs.tsx      | 2 +-
 frontend/src/components/Courses/CourseDetails.tsx    | 4 ++--
 frontend/src/components/Courses/CourseImages.tsx     | 8 ++++----
 frontend/src/components/Courses/CourseInfoImages.tsx | 6 +++---
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/AboutUs/EditAboutUs.tsx b/frontend/src/components/AboutUs/EditAboutUs.tsx
index cdb9ecb..10acbc0 100644
--- a/frontend/src/components/AboutUs/EditAboutUs.tsx
+++ b/frontend/src/components/AboutUs/EditAboutUs.tsx
@@ -165,7 +165,7 @@ const EditAboutUs = ({ aboutUs, isOpen, onClose }: EditAboutUsProps) => {
                     <ModalCloseButton />
                     <ModalBody pb={30}>
                         <Box boxSize='auto'>
-                            <Image src={url + "/" + aboutUs.image}  />
+                            <Image src={import.meta.env.VITE_IMAGE_URL+"/"+aboutUs.image}  />
                         </Box>
                         <FormControl isRequired isInvalid={!!errors.title}>
                             <FormLabel htmlFor="title">Title</FormLabel>
diff --git a/frontend/src/components/Courses/CourseDetails.tsx b/frontend/src/components/Courses/CourseDetails.tsx
index 9c54d14..e25d4dc 100644
--- a/frontend/src/components/Courses/CourseDetails.tsx
+++ b/frontend/src/components/Courses/CourseDetails.tsx
@@ -231,7 +231,7 @@ const CourseDetails = () => {
                     />
                 </FormControl>
                 <FormControl mt={4}></FormControl>
-                <button
+                {/* <button
                     type="button"
                     onClick={() => {
                         const values = getValues()
@@ -240,7 +240,7 @@ const CourseDetails = () => {
                     }}
                 >
                     Get Values
-                </button>
+                </button> */}
                 <Button
                     variant="primary"
                     type="submit"
diff --git a/frontend/src/components/Courses/CourseImages.tsx b/frontend/src/components/Courses/CourseImages.tsx
index 6e14374..9813ef8 100644
--- a/frontend/src/components/Courses/CourseImages.tsx
+++ b/frontend/src/components/Courses/CourseImages.tsx
@@ -66,7 +66,7 @@ const CourseImages = () => {
         },
         onSettled: () => {
             queryClient.invalidateQueries({ queryKey: ["courses"] })
-           
+
         },
     })
 
@@ -109,7 +109,7 @@ const CourseImages = () => {
                                         <ActionsMenu type={"Image"} value={image} />
                                     </Grid>
 
-                                    <Image key={index} src={url + "/" + image.image} objectFit="cover" />
+                                    <Image key={index} src={import.meta.env.VITE_IMAGE_URL + "/" + image.image} objectFit="cover" />
 
                                 </Box>
                             ))}
@@ -145,7 +145,7 @@ const CourseImages = () => {
                         {errors.image && errors?.image.message}
                     </FormErrorMessage>
                 </FormControl>
-                <button
+                {/* <button
                     type="button"
                     onClick={() => {
                         const values = getValues()
@@ -154,7 +154,7 @@ const CourseImages = () => {
                     }}
                 >
                     Get Values
-                </button>
+                </button> */}
                 <Button
                     variant="primary"
                     type="submit"
diff --git a/frontend/src/components/Courses/CourseInfoImages.tsx b/frontend/src/components/Courses/CourseInfoImages.tsx
index 4a681a3..f36c5d4 100644
--- a/frontend/src/components/Courses/CourseInfoImages.tsx
+++ b/frontend/src/components/Courses/CourseInfoImages.tsx
@@ -17,7 +17,7 @@ import {
     Text,
     Grid
 } from "@chakra-ui/react"
-import {  useQueryClient, useMutation } from "@tanstack/react-query"
+import { useQueryClient, useMutation } from "@tanstack/react-query"
 import { useEffect } from "react"
 import useCustomToast from "../../hooks/useCustomToast"
 import { Info_imageService, type ApiError, CourseDetailsPublic, ImageCreate } from "../../client"
@@ -65,7 +65,7 @@ const CourseInfoImages = () => {
         },
         onSettled: () => {
             queryClient.invalidateQueries({ queryKey: ["courses"] })
-           
+
         },
     })
 
@@ -108,7 +108,7 @@ const CourseInfoImages = () => {
                                         <ActionsMenu type={"Info_Image"} value={image} />
                                     </Grid>
 
-                                    <Image key={index} src={url + "/" + image.image} objectFit="cover" />
+                                    <Image key={index} src={import.meta.env.VITE_IMAGE_URL + "/" + image.image} objectFit="cover" />
 
                                 </Box>
                             ))}