From 37b7116a6994e77f86aaf4d765ba3669bd56f23b Mon Sep 17 00:00:00 2001
From: Mathis <avnyr@yidhra.fr>
Date: Thu, 20 Jun 2024 15:05:57 +0200
Subject: [PATCH] feat(cryptos): Add ViewModal component

A new ViewModal component was added to the cryptos directory. This React component includes Dialog properties and widgets from ui components such as a Button, Label, and Input. Modifications also include a LineChart from lucide-react library.
---
 src/components/cryptos/view-modal.tsx | 30 +++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/components/cryptos/view-modal.tsx

diff --git a/src/components/cryptos/view-modal.tsx b/src/components/cryptos/view-modal.tsx
new file mode 100644
index 0000000..fc7754d
--- /dev/null
+++ b/src/components/cryptos/view-modal.tsx
@@ -0,0 +1,30 @@
+// @flow
+import * as React from 'react';
+import {
+	Dialog,
+	DialogContent,
+	DialogDescription, DialogFooter,
+	DialogHeader,
+	DialogTitle,
+	DialogTrigger,
+} from "@/components/ui/dialog";
+import {Button} from "@/components/ui/button";
+import {Label} from "@/components/ui/label";
+import {Input} from "@/components/ui/input";
+import {LineChart} from "lucide-react";
+type Props = {
+	targetedCryptoId: string
+};
+export function ViewModal(props: Props) {
+ return (
+	 <Dialog>
+		 <DialogTrigger asChild>
+			 <Button variant="ghost"><LineChart /></Button>
+		 </DialogTrigger>
+		 <DialogContent className="sm:max-w-[425px] md:max-w-[800px]">
+			 Test 1,2 !
+			 //From here
+		 </DialogContent>
+	 </Dialog>
+ );
+};
\ No newline at end of file