legalgonews/legalgo-FE-reactrouter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: refactor components to use named exports for better consistency

Browse Source
This commit is contained in:
fredy.siswanto 2025-02-23 20:41:19 +07:00
parent 4fa3873dda
commit 7b42f6bfe5
6 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/ui/banner.tsx
View File

@ -2,7 +2,7 @@ import { Link } from 'react-router'
import { APP } from '~/data/meta' import { APP } from '~/data/meta'
export default function Banner() { export const Banner = () => {
return ( return (
<div className="min-h-[65px] sm:mx-10"> <div className="min-h-[65px] sm:mx-10">
<div className="relative"> <div className="relative">

4
app/components/ui/breadcrumb.tsx
View File

@ -5,7 +5,7 @@ interface BreadcrumbProperty {
slug: string slug: string
} }
const Breadcrumb = (property: BreadcrumbProperty) => { export const Breadcrumb = (property: BreadcrumbProperty) => {
const { slug } = property const { slug } = property
return ( return (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
@ -20,5 +20,3 @@ const Breadcrumb = (property: BreadcrumbProperty) => {
</div> </div>
) )
} }
export default Breadcrumb

4
app/components/ui/social-share.tsx
View File

@ -40,7 +40,7 @@ const dataSocialMedia = [
}, },
] ]
const IconsSocial: FC<SocialMediaProperties> = ({ className }) => { export const IconsSocial: FC<SocialMediaProperties> = ({ className }) => {
return ( return (
<div className={twMerge('flex gap-2', className)}> <div className={twMerge('flex gap-2', className)}>
{dataSocialMedia.map(({ url, icon: Icon }, index) => ( {dataSocialMedia.map(({ url, icon: Icon }, index) => (
@ -56,5 +56,3 @@ const IconsSocial: FC<SocialMediaProperties> = ({ className }) => {
</div> </div>
) )
} }
export default IconsSocial

4
app/layouts/news/default.tsx
View File

@ -2,9 +2,9 @@ import { type PropsWithChildren } from 'react'
import { PopupModal } from '~/components/popup/modal' import { PopupModal } from '~/components/popup/modal'
import { SuccessModal } from '~/components/popup/success-modal' import { SuccessModal } from '~/components/popup/success-modal'
import Banner from '~/components/ui/banner' import { Banner } from '~/components/ui/banner'
import { useNewsContext } from '~/contexts/news' import { useNewsContext } from '~/contexts/news'
import FormForgotPassword from '~/layouts/news/form-forgot-password' import { FormForgotPassword } from '~/layouts/news/form-forgot-password'
import { FormLogin } from '~/layouts/news/form-login' import { FormLogin } from '~/layouts/news/form-login'
import { FormRegister } from '~/layouts/news/form-register' import { FormRegister } from '~/layouts/news/form-register'

2
app/layouts/news/form-forgot-password.tsx
View File

@ -1,6 +1,6 @@
import { Button } from '~/components/ui/button' import { Button } from '~/components/ui/button'
export default function FormForgotPassword() { export const FormForgotPassword = () => {
return ( return (
<div className="flex flex-col items-center justify-center"> <div className="flex flex-col items-center justify-center">
<div className="w-full max-w-md"> <div className="w-full max-w-md">

4
app/pages/news-detail/index.tsx
View File

@ -1,7 +1,7 @@
import Breadcrumb from '~/components/ui/breadcrumb' import { Breadcrumb } from '~/components/ui/breadcrumb'
import { Card } from '~/components/ui/card' import { Card } from '~/components/ui/card'
import { Carousel } from '~/components/ui/carousel' import { Carousel } from '~/components/ui/carousel'
import IconsSocial from '~/components/ui/social-share' import { IconsSocial } from '~/components/ui/social-share'
import { BERITA, CONTENT } from './data' import { BERITA, CONTENT } from './data'