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";
export type PreviewBoxProps = {
link?: string;
children: React.ReactNode;
className?: string;
};
export function PreviewBox({ children, className }: PreviewBoxProps) {
export function PreviewBox({ link, className, children }: PreviewBoxProps) {
return (
<div className={className}>
<Title className="text-slate-700 transition dark:text-slate-400 mb-2">
Preview
</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">
<div className="relative">{children}</div>
</div>
<a
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"
href={link}
target="_blank"
>
<div>{children}</div>
</a>
</div>
);
}