From afcdd4588507be98c87323c1217e12ba08474ef4 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <jmtannus@gmail.com>
Date: Thu, 9 May 2024 00:28:53 +0000
Subject: [PATCH 1/4] =?UTF-8?q?criando=20div=20com=20moldura,=20import=20e?=
 =?UTF-8?q?=20but=C3=A3o=20de=20remover=20imagem?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitpod.yml                                   | 11 ++++++++
 .../PhotoExibition/PhotoExibition.jsx         | 16 ++++++++++++
 src/components/ui/input.tsx                   | 25 +++++++++++++++++++
 src/pages/home.jsx                            |  4 +--
 4 files changed, 54 insertions(+), 2 deletions(-)
 create mode 100644 .gitpod.yml
 create mode 100644 src/components/PhotoExibition/PhotoExibition.jsx
 create mode 100644 src/components/ui/input.tsx

diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 0000000..9e083d8
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,11 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
+# and commit this file to your remote git repository to share the goodness with others.
+
+# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
+
+tasks:
+  - init: npm install && npm run build
+    command: npm run dev
+
+
diff --git a/src/components/PhotoExibition/PhotoExibition.jsx b/src/components/PhotoExibition/PhotoExibition.jsx
new file mode 100644
index 0000000..79f6942
--- /dev/null
+++ b/src/components/PhotoExibition/PhotoExibition.jsx
@@ -0,0 +1,16 @@
+import { Button } from "../ui/button"
+import { Input } from "../ui/input"
+import {ImageIcon, Trash2} from "lucide-react"
+
+export const PhotoExibition = () => {
+    return(
+       <div className="flex flex-col justify-center items-center gap-6 w-[200px]">
+        <Input id="image-upload" accept="image/*" type="file" className="sr-only rounded-full w-[200px] h-[200px]"/>
+        <label className="flex items-center justify-center w-[180px] h-[180px] rounded-full bg-white border-2 border-gray-100 cursor-pointer" htmlFor="image-upload">
+            <ImageIcon className="text-gray-200"/>
+        </label>
+        <Button variant={"outline"} className="w-[75%] text-red-600"> <Trash2 className="mr-1" size={18}/> Remove photo</Button>
+
+       </div> 
+    )
+}
\ No newline at end of file
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
new file mode 100644
index 0000000..677d05f
--- /dev/null
+++ b/src/components/ui/input.tsx
@@ -0,0 +1,25 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+export interface InputProps
+  extends React.InputHTMLAttributes<HTMLInputElement> {}
+
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        ref={ref}
+        {...props}
+      />
+    )
+  }
+)
+Input.displayName = "Input"
+
+export { Input }
diff --git a/src/pages/home.jsx b/src/pages/home.jsx
index 43aec47..5d33589 100644
--- a/src/pages/home.jsx
+++ b/src/pages/home.jsx
@@ -1,10 +1,10 @@
 import { MyButton } from "@/components/MyButton/MyButton";
+import { PhotoExibition } from "@/components/PhotoExibition/PhotoExibition";
 
 export const HomePage = () => {
   return (
     <div className="m-2" >
-      <h1>Home Page</h1>
-      <MyButton />
+      <PhotoExibition/>
     </div>
   );
 }
\ No newline at end of file

From 8071ef458e94d5ea205e57cb97441d1ba4cc48e2 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <jmtannus@gmail.com>
Date: Thu, 9 May 2024 02:25:34 +0000
Subject: [PATCH 2/4] =?UTF-8?q?retirando=20espa=C3=A7o=20vazio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PhotoExibition/PhotoExibition.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/PhotoExibition/PhotoExibition.jsx b/src/components/PhotoExibition/PhotoExibition.jsx
index 79f6942..2da2ec9 100644
--- a/src/components/PhotoExibition/PhotoExibition.jsx
+++ b/src/components/PhotoExibition/PhotoExibition.jsx
@@ -10,7 +10,6 @@ export const PhotoExibition = () => {
             <ImageIcon className="text-gray-200"/>
         </label>
         <Button variant={"outline"} className="w-[75%] text-red-600"> <Trash2 className="mr-1" size={18}/> Remove photo</Button>
-
        </div> 
     )
 }
\ No newline at end of file

From 0d3e0338ff644d1fc1f921b42b4951bc489273d7 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <jmtannus@gmail.com>
Date: Fri, 10 May 2024 13:08:54 +0000
Subject: [PATCH 3/4] Incluindo Story

---
 .../PhotoExibition/PhotoExibition.stories.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 src/components/PhotoExibition/PhotoExibition.stories.tsx

diff --git a/src/components/PhotoExibition/PhotoExibition.stories.tsx b/src/components/PhotoExibition/PhotoExibition.stories.tsx
new file mode 100644
index 0000000..7adc6ff
--- /dev/null
+++ b/src/components/PhotoExibition/PhotoExibition.stories.tsx
@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { PhotoExibition } from './PhotoExibition';
+
+const meta: Meta<typeof PhotoExibition> = {
+  component: PhotoExibition,
+};
+
+export default meta;
+type Story = StoryObj<typeof PhotoExibition>;
+
+/*
+ *👇 Render functions are a framework specific feature to allow you control on how the component renders.
+ * See https://storybook.js.org/docs/api/csf
+ * to learn how to use render functions.
+ */
+export const Primary: Story = {
+  render: () => <PhotoExibition />,
+};
\ No newline at end of file

From 622b02764349e5ef0ba887646296f08890f5b9a1 Mon Sep 17 00:00:00 2001
From: Janaina Tannus <jmtannus@gmail.com>
Date: Fri, 10 May 2024 13:09:38 +0000
Subject: [PATCH 4/4] Melhorando home

---
 src/pages/home.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/home.jsx b/src/pages/home.jsx
index 5d33589..43aec47 100644
--- a/src/pages/home.jsx
+++ b/src/pages/home.jsx
@@ -1,10 +1,10 @@
 import { MyButton } from "@/components/MyButton/MyButton";
-import { PhotoExibition } from "@/components/PhotoExibition/PhotoExibition";
 
 export const HomePage = () => {
   return (
     <div className="m-2" >
-      <PhotoExibition/>
+      <h1>Home Page</h1>
+      <MyButton />
     </div>
   );
 }
\ No newline at end of file