wyl/jsonhero-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Re-added the url property

Browse Source
This commit is contained in:
James Ritchie
2022-03-11 17:41:51 +00:00
parent 26ef6c12f0
commit d9da6d5abe
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/Preview/PreviewBox.tsx
+9 -4
View File
@@ -1,19 +1,24 @@
import { Title } from "../Primitives/Title"; import { Title } from "../Primitives/Title";
export type PreviewBoxProps = { export type PreviewBoxProps = {
link?: string;
children: React.ReactNode; children: React.ReactNode;
className?: string; className?: string;
}; };
export function PreviewBox({ children, className }: PreviewBoxProps) { export function PreviewBox({ link, className, children }: PreviewBoxProps) {
return ( return (
<div className={className}> <div className={className}>
<Title className="text-slate-700 transition dark:text-slate-400 mb-2"> <Title className="text-slate-700 transition dark:text-slate-400 mb-2">
Preview Preview
</Title> </Title>
<div className="block rounded-sm p-2 text-slate-700 bg-slate-100 transition dark:text-slate-300 dark:bg-white dark:bg-opacity-5 hover:bg-slate-200 hover:cursor-pointer"> <a
<div className="relative">{children}</div> className="block rounded-sm p-2 text-slate-700 bg-slate-100 transition dark:text-slate-300 dark:bg-white dark:bg-opacity-5 hover:bg-slate-200 hover:cursor-pointer"
</div> href={link}
target="_blank"
>
<div>{children}</div>
</a>
</div> </div>
); );
} }