noticeCard

ArtisanConnect/components/NoticeCard.jsx

@@ -5,7 +5,7 @@ import { Heading } from "@/components/ui/heading";
 import { Image } from "@/components/ui/image";
 import { Text } from "@/components/ui/text";
 import { VStack } from "@/components/ui/vstack";
-import { Icon } from "@/components/ui/icon";
+import { Icon, FavouriteIcon } from "@/components/ui/icon";
 
 export default function NoticeCard() {
   return (        
@@ -23,34 +23,19 @@ export default function NoticeCard() {
             Fashion Clothing
           </Text>
           <VStack className="mb-6">
-            <Heading size="md" className="mb-4">
+            <Heading size="md" className="mb-2">
               Cotton Kurta
             </Heading>
-            {/* <Text size="sm">
-              Floral embroidered notch neck thread work cotton kurta in white and
-              black.
-            </Text> */}
           </VStack>
           <Box
-            className="flex-col sm:flex-row"
+            className="flex-row"
           >
             <Button
-              className="px-4 py-2 mr-0 mb-3 sm:mr-3 sm:mb-0 sm:flex-1"
+              className="px-4 py-2 mr-3 mb-0 flex-1"
             >
-              <ButtonText size="sm">Add to cart</ButtonText>
+              <ButtonText size="sm">See more</ButtonText>
-            </Button>
-            <Button
-              variant="outline"
-              className="px-4 py-2 border-outline-300 sm:flex-1"
-            >
-              <ButtonText
-                size="sm"
-                className="text-typography-600"
-              >
-                Wishlist
-              </ButtonText>
-               {/* <Icon as={FavouriteIcon} className="text-typography-500 m-2 w-4 h-4" /> */}
             </Button>
+               <Icon as={FavouriteIcon} size="xl" className="text-typography-500 m-2 w-7 h-7" />
           </Box>
         </Card>
     );