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.
This commit is contained in:
parent
2452d8d607
commit
37b7116a69
30
src/components/cryptos/view-modal.tsx
Normal file
30
src/components/cryptos/view-modal.tsx
Normal file
@ -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>
|
||||||
|
);
|
||||||
|
};
|
Loading…
x
Reference in New Issue
Block a user