{/* Latest deployment */}
diff --git a/packages/frontend/src/components/shared/WavyBorder/WavyBorder.tsx b/packages/frontend/src/components/shared/WavyBorder/WavyBorder.tsx
index 22f9fd33..805272f1 100644
--- a/packages/frontend/src/components/shared/WavyBorder/WavyBorder.tsx
+++ b/packages/frontend/src/components/shared/WavyBorder/WavyBorder.tsx
@@ -1,7 +1,7 @@
import React, { ComponentPropsWithoutRef, useMemo } from 'react';
import { cn } from 'utils/classnames';
-type WaveBorderVariant = 'card' | 'layout';
+type WaveBorderVariant = 'stroke' | 'stroke-and-fill';
export interface WavyBorderProps extends ComponentPropsWithoutRef<'div'> {
variant?: WaveBorderVariant;
@@ -9,27 +9,36 @@ export interface WavyBorderProps extends ComponentPropsWithoutRef<'div'> {
export const WavyBorder = ({
className,
- variant = 'card',
+ variant = 'stroke',
...props
}: WavyBorderProps) => {
const imageSrc = useMemo(() => {
switch (variant) {
- case 'card':
- return '/wave-border-card.svg';
- case 'layout':
- return '/wave-border-layout.svg';
+ case 'stroke-and-fill':
+ return '/wavy-border-line-and-fill.svg';
+ case 'stroke':
default:
- return '/wave-border-card.svg';
+ return '/wavy-border-line.svg';
}
}, [variant]);
return (
+ >
+ {/* Wave */}
+
+