I AM SO SORRY KYLE THE ERROR SHOULD BE FIXED IM SO SO SO SO SORRY THI…

…S WONT HAPPEN AGAIN IM SO SORRY KYLE
calblueprint · Feb 28, 2025 · 4454c72 · 4454c72
1 parent 3aae418
commit 4454c72
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/components/PlantDetails/index.tsx b/components/PlantDetails/index.tsx
@@ -1,4 +1,3 @@
-import Image from 'next/image';
 import BPLogo from '@/assets/images/bp-logo.png'; // TODO: remove this
 
 import COLORS from '@/styles/colors';
@@ -8,6 +7,7 @@ import { Plant } from '@/types/schema';
 import { plantingTypeOptions } from '@/utils/dropdownOptions';
 import CustomSelect from '../CustomSelect';
 import DateInput from '../DateInput';
+import { PlantImage } from './styles';
 
 export default function PlantDetails({
   plant,
@@ -30,10 +30,9 @@ export default function PlantDetails({
         $justify="center"
         $align="center"
       >
-        <Image
+        <PlantImage
           src={plant.img ?? BPLogo} // TODO: change the default image
           alt={`Plant Image for ${plant.plant_name}`}
-          style={{ height: '120px', width: 'max-content' }}
         />
       </Flex>
       <Box $p="24px" $pb="0">

diff --git a/components/PlantDetails/styles.ts b/components/PlantDetails/styles.ts
@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+
+export const PlantImage = styled.img`
+  width: max-content;
+  height: 120px;
+`;