feat: rename clsxm utility (#6)

* feat: rename clsxm utils * feat: add new type for page props
fahmiidris · Jan 6, 2024 · 0e62f7d · 0e62f7d
1 parent 438f65a
commit 0e62f7d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -3,7 +3,7 @@ import '@/styles/main.css';
 
 import * as React from 'react';
 
-import clsxm from '@/utils/clsxm';
+import cn from '@/utils/cn';
 
 import type { Metadata } from 'next';
 import type { TLayoutProps } from '@/types/layout.type';
@@ -21,7 +21,7 @@ export const metadata: Metadata = {
 
 export default function Layout({ children }: TLayoutProps) {
     return (
-        <html lang="en" className={clsxm('scroll-smooth [--scroll-mt:9.875rem]', 'lg:[--scroll-mt:6.3125rem]')}>
+        <html lang="en" className={cn(['scroll-smooth [--scroll-mt:9.875rem]', 'lg:[--scroll-mt:6.3125rem]'])}>
             <body className="bg-white font-sans text-slate-500 antialiased">{children}</body>
         </html>
     );

diff --git a/src/types/page.type.ts b/src/types/page.type.ts
@@ -0,0 +1,4 @@
+export type TPageProps<P = unknown, SP = Record<string, string | string[] | undefined>> = {
+    params: P;
+    searchParams: SP;
+};
diff --git a/src/utils/clsxm.ts → src/utils/cn.ts b/src/utils/clsxm.ts → src/utils/cn.ts
@@ -1,7 +1,6 @@
 import { twMerge } from 'tailwind-merge';
-
 import clsx, { type ClassArray } from 'clsx';
 
-export default function clsxm(...classNames: ClassArray) {
+export default function cn(...classNames: ClassArray) {
     return twMerge(clsx(classNames));
 }