From e374c11c596e5b7ec32ff7fcbc280735b48eebe8 Mon Sep 17 00:00:00 2001
From: Tiffany <tiffanychien9@gmail.com>
Date: Sun, 26 Nov 2023 14:53:25 -0800
Subject: [PATCH 1/3] Implemented itemButton

---
 src/app/_components/itemButton.tsx | 46 ++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 src/app/_components/itemButton.tsx

diff --git a/src/app/_components/itemButton.tsx b/src/app/_components/itemButton.tsx
new file mode 100644
index 0000000..cf35114
--- /dev/null
+++ b/src/app/_components/itemButton.tsx
@@ -0,0 +1,46 @@
+import { Box, Button, Flex, Icon } from "@chakra-ui/react";
+
+// This is just a placeholder
+const CircleIcon = (props) => (
+  <Icon viewBox="0 0 200 200" {...props}>
+    <path
+      fill="currentColor"
+      d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"
+    />
+  </Icon>
+);
+
+export default async function ItemButton() {
+  return (
+    <Flex>
+      <Box
+        position="relative"
+        display="inline-flex"
+        alignItems="center"
+        padding="10px 24px"
+        w="100%"
+      >
+        <Button
+          aria-label="item button"
+          colorScheme="gray"
+          size="md"
+          w="100%"
+          textAlign="left"
+          borderRadius="8px"
+          justifyContent="flex-start"
+          fontWeight="normal"
+        >
+          Button
+        </Button>
+        <Box
+          position="absolute"
+          left="10px"
+          top="50%"
+          transform="translateY(-50%)"
+        >
+          <CircleIcon boxSize={7} />
+        </Box>
+      </Box>
+    </Flex>
+  );
+}

From ce806d8977730654880c272f652bf2b4fb57c31f Mon Sep 17 00:00:00 2001
From: Tiffany <tiffanychien9@gmail.com>
Date: Fri, 1 Dec 2023 14:55:29 -0800
Subject: [PATCH 2/3] Add circle icon props interface

---
 src/app/_components/itemButton.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/_components/itemButton.tsx b/src/app/_components/itemButton.tsx
index cf35114..043415a 100644
--- a/src/app/_components/itemButton.tsx
+++ b/src/app/_components/itemButton.tsx
@@ -1,7 +1,11 @@
 import { Box, Button, Flex, Icon } from "@chakra-ui/react";
 
+interface CircleIconProps {
+  boxSize: number;
+}
+
 // This is just a placeholder
-const CircleIcon = (props) => (
+const CircleIcon = (props: CircleIconProps) => (
   <Icon viewBox="0 0 200 200" {...props}>
     <path
       fill="currentColor"
@@ -29,9 +33,7 @@ export default async function ItemButton() {
           borderRadius="8px"
           justifyContent="flex-start"
           fontWeight="normal"
-        >
-          Button
-        </Button>
+        ></Button>
         <Box
           position="absolute"
           left="10px"

From 520d297d4b89889f058c181695d34cc9cb5d88d8 Mon Sep 17 00:00:00 2001
From: "Restyled.io" <commits@restyled.io>
Date: Sat, 2 Dec 2023 00:51:14 +0000
Subject: [PATCH 3/3] Restyled by prettier

---
 src/app/_components/itemButton.tsx | 96 +++++++++++++++---------------
 1 file changed, 48 insertions(+), 48 deletions(-)

diff --git a/src/app/_components/itemButton.tsx b/src/app/_components/itemButton.tsx
index 043415a..fef2d6d 100644
--- a/src/app/_components/itemButton.tsx
+++ b/src/app/_components/itemButton.tsx
@@ -1,48 +1,48 @@
-import { Box, Button, Flex, Icon } from "@chakra-ui/react";
-
-interface CircleIconProps {
-  boxSize: number;
-}
-
-// This is just a placeholder
-const CircleIcon = (props: CircleIconProps) => (
-  <Icon viewBox="0 0 200 200" {...props}>
-    <path
-      fill="currentColor"
-      d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"
-    />
-  </Icon>
-);
-
-export default async function ItemButton() {
-  return (
-    <Flex>
-      <Box
-        position="relative"
-        display="inline-flex"
-        alignItems="center"
-        padding="10px 24px"
-        w="100%"
-      >
-        <Button
-          aria-label="item button"
-          colorScheme="gray"
-          size="md"
-          w="100%"
-          textAlign="left"
-          borderRadius="8px"
-          justifyContent="flex-start"
-          fontWeight="normal"
-        ></Button>
-        <Box
-          position="absolute"
-          left="10px"
-          top="50%"
-          transform="translateY(-50%)"
-        >
-          <CircleIcon boxSize={7} />
-        </Box>
-      </Box>
-    </Flex>
-  );
-}
+import { Box, Button, Flex, Icon } from "@chakra-ui/react";
+
+interface CircleIconProps {
+  boxSize: number;
+}
+
+// This is just a placeholder
+const CircleIcon = (props: CircleIconProps) => (
+  <Icon viewBox="0 0 200 200" {...props}>
+    <path
+      fill="currentColor"
+      d="M 100, 100 m -75, 0 a 75,75 0 1,0 150,0 a 75,75 0 1,0 -150,0"
+    />
+  </Icon>
+);
+
+export default async function ItemButton() {
+  return (
+    <Flex>
+      <Box
+        position="relative"
+        display="inline-flex"
+        alignItems="center"
+        padding="10px 24px"
+        w="100%"
+      >
+        <Button
+          aria-label="item button"
+          colorScheme="gray"
+          size="md"
+          w="100%"
+          textAlign="left"
+          borderRadius="8px"
+          justifyContent="flex-start"
+          fontWeight="normal"
+        ></Button>
+        <Box
+          position="absolute"
+          left="10px"
+          top="50%"
+          transform="translateY(-50%)"
+        >
+          <CircleIcon boxSize={7} />
+        </Box>
+      </Box>
+    </Flex>
+  );
+}