From e21c4674890a6f4b33d5623c19957b0741cde572 Mon Sep 17 00:00:00 2001 From: Dominik Koch Date: Mon, 21 Jul 2025 23:18:07 +0200 Subject: feat: add opencut blog --- apps/web/src/components/ui/prose.tsx | 22 ++++++++++++++++++++++ apps/web/src/components/ui/separator.tsx | 14 +++++++------- 2 files changed, 29 insertions(+), 7 deletions(-) create mode 100644 apps/web/src/components/ui/prose.tsx (limited to 'apps/web/src/components/ui') diff --git a/apps/web/src/components/ui/prose.tsx b/apps/web/src/components/ui/prose.tsx new file mode 100644 index 00000000..c25a5a65 --- /dev/null +++ b/apps/web/src/components/ui/prose.tsx @@ -0,0 +1,22 @@ +import { cn } from "@/lib/utils"; +import type React from "react"; + +type ProseProps = React.HTMLAttributes & { + as?: "article"; + html: string; +}; + +function Prose({ children, html, className }: ProseProps) { + return ( +
+ {html ?
: children} +
+ ); +} + +export default Prose; diff --git a/apps/web/src/components/ui/separator.tsx b/apps/web/src/components/ui/separator.tsx index 6138cabf..12d81c4a 100644 --- a/apps/web/src/components/ui/separator.tsx +++ b/apps/web/src/components/ui/separator.tsx @@ -1,9 +1,9 @@ -"use client"; +"use client" -import * as React from "react"; -import { Separator as SeparatorPrimitive } from "radix-ui"; +import * as React from "react" +import * as SeparatorPrimitive from "@radix-ui/react-separator" -import { cn } from "../../lib/utils"; +import { cn } from "@/lib/utils" const Separator = React.forwardRef< React.ElementRef, @@ -25,7 +25,7 @@ const Separator = React.forwardRef< {...props} /> ) -); -Separator.displayName = SeparatorPrimitive.Root.displayName; +) +Separator.displayName = SeparatorPrimitive.Root.displayName -export { Separator }; +export { Separator } -- cgit v1.3.1