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