apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-25 00:36:31 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

chore: ran linting

Browse source
This commit is contained in:
Anish Sarkar 2026-02-17 12:47:39 +05:30
parent e46b24a2b1
commit a482cc95de
67 changed files with 4971 additions and 5539 deletions
Download patch file Download diff file Expand all files Collapse all files

62
surfsense_web/components/ui/heading-node.tsx
View file

@ -1,60 +1,56 @@
'use client';
"use client";
import * as React from 'react';
import * as React from "react";
import type { PlateElementProps } from 'platejs/react';
import type { PlateElementProps } from "platejs/react";
import { type VariantProps, cva } from 'class-variance-authority';
import { PlateElement } from 'platejs/react';
import { type VariantProps, cva } from "class-variance-authority";
import { PlateElement } from "platejs/react";
const headingVariants = cva('relative mb-1', {
variants: {
variant: {
h1: 'mt-[1.6em] pb-1 font-bold font-heading text-4xl',
h2: 'mt-[1.4em] pb-px font-heading font-semibold text-2xl tracking-tight',
h3: 'mt-[1em] pb-px font-heading font-semibold text-xl tracking-tight',
h4: 'mt-[0.75em] font-heading font-semibold text-lg tracking-tight',
h5: 'mt-[0.75em] font-semibold text-lg tracking-tight',
h6: 'mt-[0.75em] font-semibold text-base tracking-tight',
},
},
const headingVariants = cva("relative mb-1", {
variants: {
variant: {
h1: "mt-[1.6em] pb-1 font-bold font-heading text-4xl",
h2: "mt-[1.4em] pb-px font-heading font-semibold text-2xl tracking-tight",
h3: "mt-[1em] pb-px font-heading font-semibold text-xl tracking-tight",
h4: "mt-[0.75em] font-heading font-semibold text-lg tracking-tight",
h5: "mt-[0.75em] font-semibold text-lg tracking-tight",
h6: "mt-[0.75em] font-semibold text-base tracking-tight",
},
},
});
export function HeadingElement({
variant = 'h1',
...props
variant = "h1",
...props
}: PlateElementProps & VariantProps<typeof headingVariants>) {
return (
<PlateElement
as={variant!}
className={headingVariants({ variant })}
{...props}
>
{props.children}
</PlateElement>
);
return (
<PlateElement as={variant!} className={headingVariants({ variant })} {...props}>
{props.children}
</PlateElement>
);
}
export function H1Element(props: PlateElementProps) {
return <HeadingElement variant="h1" {...props} />;
return <HeadingElement variant="h1" {...props} />;
}
export function H2Element(props: PlateElementProps) {
return <HeadingElement variant="h2" {...props} />;
return <HeadingElement variant="h2" {...props} />;
}
export function H3Element(props: PlateElementProps) {
return <HeadingElement variant="h3" {...props} />;
return <HeadingElement variant="h3" {...props} />;
}
export function H4Element(props: PlateElementProps) {
return <HeadingElement variant="h4" {...props} />;
return <HeadingElement variant="h4" {...props} />;
}
export function H5Element(props: PlateElementProps) {
return <HeadingElement variant="h5" {...props} />;
return <HeadingElement variant="h5" {...props} />;
}
export function H6Element(props: PlateElementProps) {
return <HeadingElement variant="h6" {...props} />;
return <HeadingElement variant="h6" {...props} />;
}