Merge pull request #40 from KATITB22/task/image-draggable

Task/image draggable
KATITB22 · Aug 22, 2022 · 7303cc4 · 7303cc4
2 parents 8ba220e + 340ff5f
commit 7303cc4
Show file tree

Hide file tree

Showing 9 changed files with 13 additions and 4 deletions.
diff --git a/src/components/Homepage/Event/index.tsx b/src/components/Homepage/Event/index.tsx
@@ -55,6 +55,7 @@ const Event: () => JSX.Element = () => {
         >
           <Image
             display={{ base: 'none', lg: 'block' }}
+            draggable="false"
             src={ImageBalloon}
             objectFit="contain"
           />
@@ -89,6 +90,7 @@ const Event: () => JSX.Element = () => {
         >
           <Image
             src={ImageJoget}
+            draggable="false"
             objectFit="contain"
             alignSelf={{ base: 'center', lg: 'flex-start' }}
           />

diff --git a/src/components/Homepage/Hero.tsx b/src/components/Homepage/Hero.tsx
@@ -62,6 +62,7 @@ const Hero = () => (
     <Image
       src={gedungKiri}
       alt="Gedung Kiri"
+      draggable="false"
       position="absolute"
       top="20px"
       left={{
@@ -78,6 +79,7 @@ const Hero = () => (
     <Image
       src={gedungKanan}
       alt="Gedung Kanan"
+      draggable="false"
       position="absolute"
       top="20px"
       right={{

diff --git a/src/components/Homepage/UnitRecommendation/_Card.tsx b/src/components/Homepage/UnitRecommendation/_Card.tsx
@@ -47,6 +47,7 @@ const Card = ({ label, isActive, isInView, onClick }: CardProps) => (
     >
       <Flex h="full" justifyContent="center" alignItems="center">
         <Image
+          draggable="false"
           w={{
             base: '7em',
             lg: '10em'

diff --git a/src/components/Homepage/UnitShowcase/_Card.tsx b/src/components/Homepage/UnitShowcase/_Card.tsx
@@ -28,6 +28,7 @@ const Card = ({ img, label }: ICard) => (
     <Center h="70%">
       <Image
         src={img}
+        draggable="false"
         w={{
           base: '8em',
           lg: '11em'

diff --git a/src/components/common/Loading/index.tsx b/src/components/common/Loading/index.tsx
@@ -36,7 +36,7 @@ export const LoadingOnly = () => (
     flexDirection="column"
     userSelect="none"
   >
-    <Image src={GIF} objectFit="contain" w="md" zIndex={-99} ml={-20} />
+    <Image src={GIF} objectFit="contain" w="md" zIndex={-99} ml={-20} draggable="false" />
     <Box
       display="flex"
       flexDirection="row"

diff --git a/src/components/common/Navbar/index.tsx b/src/components/common/Navbar/index.tsx
@@ -55,12 +55,12 @@ const Navbar = () => {
         </MenuButton>
         <MenuList borderColor="#FFA06E">
           <MenuItem fontFamily="Subheading">
-            <Image src={DashboardLogo} mr="4" alt="dashboard_logo" />
+            <Image src={DashboardLogo} mr="4" alt="dashboard_logo" draggable="false"/>
             <Text>Dashboard</Text>
           </MenuItem>
           <MenuDivider />
           <MenuItem onClick={() => setIsLogin(false)} fontFamily="Subheading">
-            <Image src={LogoutLogo} mr="4" alt="logout_logo" />
+            <Image src={LogoutLogo} mr="4" alt="logout_logo" draggable="false" />
             <Text>Logout</Text>
           </MenuItem>
         </MenuList>
@@ -99,6 +99,7 @@ const Navbar = () => {
             {/* TODO: ganti logo */}
             <Image
               src={Logo}
+              draggable="false"
               w="50px"
               objectFit="contain"
               mr={{ base: 0, md: 2 }}

diff --git a/src/components/common/footer/temp.tsx b/src/components/common/footer/temp.tsx
@@ -40,6 +40,7 @@ export const TempFooter = () => (
         >
           <Image
             src={Logo}
+            draggable="false"
             w="50px"
             objectFit="contain"
             mr={{ base: 0, md: 2 }}

diff --git a/src/components/map-tour/Legend.tsx b/src/components/map-tour/Legend.tsx
@@ -34,6 +34,7 @@ export const TourLegend = ({
         borderRadius="full"
         boxSize="67px"
         src={logo}
+        draggable="false"
         onClick={() => map?.setView(position)}
       />
       <Text textAlign="center" fontSize="30px" m="auto 27px" mr="0">

diff --git a/src/pages/PageNotFound.tsx b/src/pages/PageNotFound.tsx
@@ -12,7 +12,7 @@ export const PageNotFound = () => (
       h="100vh"
       position="relative"
     >
-      <Image objectFit="cover" src={pageNotFoundImage} w="100%" maxW="70ch" />
+      <Image objectFit="cover" src={pageNotFoundImage} w="100%" maxW="70ch" draggable="false"/>
       <Box pt={10}>
         <Heading
           fontWeight="400"