diff --git a/packages/frontend/src/components/shared/WavyBorder/WavyBorder.tsx b/packages/frontend/src/components/shared/WavyBorder/WavyBorder.tsx index a4ab1e0c..22f9fd33 100644 --- a/packages/frontend/src/components/shared/WavyBorder/WavyBorder.tsx +++ b/packages/frontend/src/components/shared/WavyBorder/WavyBorder.tsx @@ -1,20 +1,19 @@ import React, { ComponentPropsWithoutRef, useMemo } from 'react'; import { cn } from 'utils/classnames'; -type WavyBorderType = 'card' | 'layout'; +type WaveBorderVariant = 'card' | 'layout'; export interface WavyBorderProps extends ComponentPropsWithoutRef<'div'> { - type?: WavyBorderType; + variant?: WaveBorderVariant; } export const WavyBorder = ({ className, - children, - type = 'card', + variant = 'card', ...props }: WavyBorderProps) => { const imageSrc = useMemo(() => { - switch (type) { + switch (variant) { case 'card': return '/wave-border-card.svg'; case 'layout': @@ -22,17 +21,15 @@ export const WavyBorder = ({ default: return '/wave-border-card.svg'; } - }, [type]); + }, [variant]); return (
- {children} -
+ /> ); }; diff --git a/packages/frontend/src/pages/org-slug/projects/create/layout.tsx b/packages/frontend/src/pages/org-slug/projects/create/layout.tsx index 3c131bb4..669fc562 100644 --- a/packages/frontend/src/pages/org-slug/projects/create/layout.tsx +++ b/packages/frontend/src/pages/org-slug/projects/create/layout.tsx @@ -25,11 +25,11 @@ export const CreateProjectLayout = ({ - +