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

feat: update UI text to Indonesian language across various components and pages

Browse Source
This commit is contained in:
Ardeman 2025-03-25 01:20:20 +08:00
parent 1f2f15d204
commit 35c02d1643
14 changed files with 53 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/dialog/success.tsx
View File

@ -117,7 +117,7 @@ export const DialogSuccess = ({ isOpen, onClose }: ModalProperties) => {
setIsSubscribeOpen(true) setIsSubscribeOpen(true)
}} }}
> >
Select Subscribe Plan Pilih Paken Berlangganan
</Button> </Button>
) : ( ) : (
<Button <Button

8
app/layouts/admin/menu.ts
View File

@ -30,7 +30,7 @@ export const MENU: TMenu[] = [
icon: ChartBarSquareIcon, icon: ChartBarSquareIcon,
}, },
{ {
title: 'User', title: 'Pengguna',
url: '/lg-admin/users', url: '/lg-admin/users',
icon: UsersIcon, icon: UsersIcon,
}, },
@ -40,12 +40,12 @@ export const MENU: TMenu[] = [
icon: NewspaperIcon, icon: NewspaperIcon,
}, },
{ {
title: 'Banner Iklan', title: 'Spanduk Iklan',
url: '/lg-admin/advertisements', url: '/lg-admin/advertisements',
icon: MegaphoneIcon, icon: MegaphoneIcon,
}, },
{ {
title: 'Subscription', title: 'Pelanggan',
url: '/lg-admin/subscriptions', url: '/lg-admin/subscriptions',
icon: PresentationChartLineIcon, icon: PresentationChartLineIcon,
}, },
@ -65,7 +65,7 @@ export const MENU: TMenu[] = [
icon: TagIcon, icon: TagIcon,
}, },
{ {
title: 'Subscribe Plan', title: 'Paket Berlangganan',
url: '/lg-admin/subscribe-plan', url: '/lg-admin/subscribe-plan',
icon: DocumentCurrencyDollarIcon, icon: DocumentCurrencyDollarIcon,
}, },

2
app/layouts/admin/sidebar.tsx
View File

@ -22,7 +22,7 @@ export const Sidebar = () => {
key={`${group}-${title}`} key={`${group}-${title}`}
className={twMerge( className={twMerge(
path === url ? 'bg-[#707FDD]/10 font-bold' : '', path === url ? 'bg-[#707FDD]/10 font-bold' : '',
'group/menu flex h-[42px] w-[200px] items-center gap-x-3 rounded-md px-5 transition hover:bg-[#707FDD]/10 active:bg-[#707FDD]/20', 'group/menu flex h-[42px] w-[240px] items-center gap-x-3 rounded-md px-5 transition hover:bg-[#707FDD]/10 active:bg-[#707FDD]/20',
)} )}
> >
<Icon <Icon

6
app/layouts/news/dialog-register.tsx
View File

@ -28,7 +28,7 @@ export const registerSchema = z
.optional() .optional()
.nullable() .nullable()
.refine((data) => !!data, { .refine((data) => !!data, {
message: 'Please select a Subscribe Plan', message: 'Silakan pilih paket berlangganan',
}), }),
}) })
.refine((field) => field.password === field.rePassword, { .refine((field) => field.password === field.rePassword, {
@ -121,8 +121,8 @@ export const DialogRegister = () => {
<Combobox <Combobox
id="subscribe_plan" id="subscribe_plan"
name="subscribe_plan" name="subscribe_plan"
label="Subscribe Plan" label="Paket Berlangganan"
placeholder="Pilih Subscribe Plan" placeholder="Pilih Paket Berlangganan"
options={subscribePlan} options={subscribePlan}
/> />

8
app/layouts/news/dialog-subscribe-plan.tsx
View File

@ -21,7 +21,7 @@ export const subscribeSchema = z.object({
.optional() .optional()
.nullable() .nullable()
.refine((data) => !!data, { .refine((data) => !!data, {
message: 'Please select a subscription', message: 'Silakan pilih paket berlangganan',
}), }),
}) })
@ -62,7 +62,7 @@ export const DialogSubscribePlan = () => {
setIsSubscribeOpen(false) setIsSubscribeOpen(false)
} }
}} }}
description="Selamat Datang, silakan Pilih Subscribe Plan Anda untuk melanjutkan!" description="Selamat Datang, silakan Pilih Paket Berlangganan Anda untuk melanjutkan!"
> >
<div className="flex flex-col items-center justify-center"> <div className="flex flex-col items-center justify-center">
<RemixFormProvider {...formMethods}> <RemixFormProvider {...formMethods}>
@ -75,8 +75,8 @@ export const DialogSubscribePlan = () => {
<Combobox <Combobox
id="subscribe_plan" id="subscribe_plan"
name="subscribe_plan" name="subscribe_plan"
label="Subscribe Plan" label="Paket Berlangganan"
placeholder="Pilih Subscribe Plan" placeholder="Pilih Paket Berlangganan"
options={subscribePlan} options={subscribePlan}
/> />

12
app/pages/dashboard-advertisements/index.tsx
View File

@ -77,7 +77,7 @@ export const AdvertisementsPage = () => {
as="a" as="a"
href={`/lg-admin/advertisements/update/${value}`} href={`/lg-admin/advertisements/update/${value}`}
size="icon" size="icon"
title="Update Banner Iklan" title="Update Spanduk Iklan"
> >
<PencilSquareIcon className="size-4" /> <PencilSquareIcon className="size-4" />
</Button> </Button>
@ -86,7 +86,7 @@ export const AdvertisementsPage = () => {
size="icon" size="icon"
variant="danger" variant="danger"
onClick={() => setSelectedAds(data)} onClick={() => setSelectedAds(data)}
title="Hapus Banner Iklan" title="Hapus Spanduk Iklan"
> >
<TrashIcon className="size-4" /> <TrashIcon className="size-4" />
</Button> </Button>
@ -96,7 +96,7 @@ export const AdvertisementsPage = () => {
return ( return (
<div className="relative"> <div className="relative">
<TitleDashboard title="Banner Iklan" /> <TitleDashboard title="Spanduk Iklan" />
<div className="mb-8 flex items-end justify-between gap-5"> <div className="mb-8 flex items-end justify-between gap-5">
<div className="flex-1">{/* TODO: Filter */}</div> <div className="flex-1">{/* TODO: Filter */}</div>
@ -106,7 +106,7 @@ export const AdvertisementsPage = () => {
size="lg" size="lg"
className="text-md h-[42px] px-4" className="text-md h-[42px] px-4"
> >
<PlusIcon className="size-8" /> Buat Banner Iklan <PlusIcon className="size-8" /> Buat Spanduk Iklan
</Button> </Button>
</div> </div>
@ -114,13 +114,13 @@ export const AdvertisementsPage = () => {
data={dataTable} data={dataTable}
columns={dataColumns} columns={dataColumns}
slots={dataSlot} slots={dataSlot}
title="Daftar Banner Iklan" title="Daftar Spanduk Iklan"
/> />
<DialogDelete <DialogDelete
selectedId={selectedAds?.id} selectedId={selectedAds?.id}
close={() => setSelectedAds(undefined)} close={() => setSelectedAds(undefined)}
title="Banner iklan" title="Spanduk iklan"
fetcherAction={`/actions/admin/advertisements/delete/${selectedAds?.id}`} fetcherAction={`/actions/admin/advertisements/delete/${selectedAds?.id}`}
> >
<img <img

2
app/pages/dashboard-contents/index.tsx
View File

@ -93,7 +93,7 @@ export const ContentsPage = () => {
</div> </div>
) : ( ) : (
<div className="rounded-full bg-[#F5F5F5] px-2 text-center text-[#4C5CA0]"> <div className="rounded-full bg-[#F5F5F5] px-2 text-center text-[#4C5CA0]">
Normal Biasa
</div> </div>
), ),
7: (value: number) => formatNumberWithPeriods(value), 7: (value: number) => formatNumberWithPeriods(value),

27
app/pages/dashboard-subscribe-plan/index.tsx
View File

@ -3,8 +3,8 @@ import {
PlusIcon, PlusIcon,
TrashIcon, TrashIcon,
} from '@heroicons/react/24/solid' } from '@heroicons/react/24/solid'
import DT from 'datatables.net-dt' import DT, { type ConfigColumns } from 'datatables.net-dt'
import DataTable from 'datatables.net-react' import DataTable, { type DataTableSlots } from 'datatables.net-react'
import { useState } from 'react' import { useState } from 'react'
import { Link, useRouteLoaderData } from 'react-router' import { Link, useRouteLoaderData } from 'react-router'
@ -27,7 +27,7 @@ export const SubscribePlanPage = () => {
DataTable.use(DT) DataTable.use(DT)
const { subscribePlanData: dataTable } = loaderData || {} const { subscribePlanData: dataTable } = loaderData || {}
const dataColumns = [ const dataColumns: ConfigColumns[] = [
{ {
title: 'No', title: 'No',
render: ( render: (
@ -48,12 +48,13 @@ export const SubscribePlanPage = () => {
data: 'code', data: 'code',
}, },
{ {
title: 'Length', title: 'Durasi',
data: 'length', data: 'length',
}, },
{ {
title: 'Harga', title: 'Harga',
data: 'price', data: 'price',
className: 'dt-type-numeric',
}, },
{ {
title: 'Status', title: 'Status',
@ -64,10 +65,8 @@ export const SubscribePlanPage = () => {
data: 'id', data: 'id',
}, },
] ]
const dataSlot = { const dataSlot: DataTableSlots = {
4: (value: number) => ( 4: (value: number) => `Rp. ${formatNumberWithPeriods(value)}`,
<div className="text-right">Rp. {formatNumberWithPeriods(value)}</div>
),
5: (value: number) => ( 5: (value: number) => (
<span <span
className={`rounded-lg px-2 text-sm ${getStatusBadge(value as TColorBadge)}`} className={`rounded-lg px-2 text-sm ${getStatusBadge(value as TColorBadge)}`}
@ -84,7 +83,7 @@ export const SubscribePlanPage = () => {
as="a" as="a"
href={`/lg-admin/subscribe-plan/update/${value}`} href={`/lg-admin/subscribe-plan/update/${value}`}
size="icon" size="icon"
title="Update Subscribe Plan" title="Update Paket Berlangganan"
> >
<PencilSquareIcon className="size-4" /> <PencilSquareIcon className="size-4" />
</Button> </Button>
@ -93,7 +92,7 @@ export const SubscribePlanPage = () => {
size="icon" size="icon"
variant="danger" variant="danger"
onClick={() => setSelectedSubscribePlan(data)} onClick={() => setSelectedSubscribePlan(data)}
title="Hapus Subscribe Plan" title="Hapus Paket Berlangganan"
> >
<TrashIcon className="size-4" /> <TrashIcon className="size-4" />
</Button> </Button>
@ -102,7 +101,7 @@ export const SubscribePlanPage = () => {
} }
return ( return (
<div className="relative"> <div className="relative">
<TitleDashboard title="Subscribe Plan" /> <TitleDashboard title="Paket Berlangganan" />
<div className="mb-8 flex items-end justify-between"> <div className="mb-8 flex items-end justify-between">
<div className="flex-1">{/* TODO: Filter */}</div> <div className="flex-1">{/* TODO: Filter */}</div>
<Button <Button
@ -111,7 +110,7 @@ export const SubscribePlanPage = () => {
size="lg" size="lg"
className="text-md h-[42px] px-4" className="text-md h-[42px] px-4"
> >
<PlusIcon className="size-8" /> Buat Subscribe Plan <PlusIcon className="size-8" /> Buat Paket Berlangganan
</Button> </Button>
</div> </div>
@ -125,13 +124,13 @@ export const SubscribePlanPage = () => {
ordering: true, ordering: true,
info: true, info: true,
}} }}
title=" Daftar Subscribe Plan" title=" Daftar Paket Berlangganan"
/> />
<DialogDelete <DialogDelete
selectedId={selectedSubscribePlan?.id} selectedId={selectedSubscribePlan?.id}
close={() => setSelectedSubscribePlan(undefined)} close={() => setSelectedSubscribePlan(undefined)}
title="Subscribe plan" title="Paket Berlangganan"
fetcherAction={`/actions/admin/subscribe-plan/delete/${selectedSubscribePlan?.id}`} fetcherAction={`/actions/admin/subscribe-plan/delete/${selectedSubscribePlan?.id}`}
> >
<p>{selectedSubscribePlan?.name}</p> <p>{selectedSubscribePlan?.name}</p>

4
app/pages/dashboard-subscriptions/index.tsx
View File

@ -27,7 +27,7 @@ export const SubscriptionsPage = () => {
return ( return (
<div className="relative"> <div className="relative">
<TitleDashboard title="Subscription" /> <TitleDashboard title="Pelanggan" />
<div className="mb-8 flex items-end justify-between"> <div className="mb-8 flex items-end justify-between">
<div className="flex items-center gap-5 rounded-lg bg-gray-50 text-[#363636]"> <div className="flex items-center gap-5 rounded-lg bg-gray-50 text-[#363636]">
@ -71,7 +71,7 @@ export const SubscriptionsPage = () => {
ordering: true, ordering: true,
info: true, info: true,
}} }}
title="Daftar Subscription" title="Daftar Pelanggan"
/> />
</div> </div>
) )

6
app/pages/dashboard-users/index.tsx
View File

@ -39,7 +39,7 @@ export const UsersPage = () => {
data: 'created_at', data: 'created_at',
}, },
{ {
title: 'User', title: 'Pengguna',
}, },
{ {
title: 'Phone', title: 'Phone',
@ -70,7 +70,7 @@ export const UsersPage = () => {
return ( return (
<div className="relative"> <div className="relative">
<TitleDashboard title="User" /> <TitleDashboard title="Pengguna" />
<div className="mb-8 flex items-end justify-between gap-5"> <div className="mb-8 flex items-end justify-between gap-5">
<div className="flex-1">{/* TODO: Filter */}</div> <div className="flex-1">{/* TODO: Filter */}</div>
@ -80,7 +80,7 @@ export const UsersPage = () => {
data={dataTable || []} data={dataTable || []}
columns={dataColumns} columns={dataColumns}
slots={dataSlot} slots={dataSlot}
title="Daftar User" title="Daftar Pengguna"
/> />
</div> </div>
) )

10
app/pages/dashboard/data.ts
View File

@ -1,10 +1,10 @@
import { ChartBarIcon, ChartPieIcon } from '@heroicons/react/24/solid' import { ChartBarIcon, ChartPieIcon } from '@heroicons/react/24/solid'
export const REPORT = [ export const REPORT = [
{ title: 'Total User', amount: 8, icon: ChartBarIcon }, { title: 'Total Pengguna', amount: 8, icon: ChartBarIcon },
{ title: '⁠Total User Subscribe', amount: 0, icon: ChartBarIcon }, { title: '⁠Total Pelanggan', amount: 0, icon: ChartBarIcon },
{ {
title: 'Total Nilai Subscribe', title: 'Total Nilai Berlangganan',
amount: 0, amount: 0,
icon: ChartBarIcon, icon: ChartBarIcon,
currency: 'Rp. ', currency: 'Rp. ',
@ -13,12 +13,12 @@ export const REPORT = [
export const HISTORY = [ export const HISTORY = [
{ {
title: 'Total Content Biasa', title: 'Total Artikel Biasa',
amount: 7, amount: 7,
icon: ChartPieIcon, icon: ChartPieIcon,
}, },
{ {
title: 'Total Content Premium', title: 'Total Artikel Premium',
amount: 3, amount: 3,
icon: ChartPieIcon, icon: ChartPieIcon,
}, },

4
app/pages/form-advertisements/index.tsx
View File

@ -57,7 +57,7 @@ export const FormAdvertisementsPage = (properties: TProperties) => {
} }
if (fetcher.data?.success) { if (fetcher.data?.success) {
toast.success(`Banner iklan berhasil ${adData ? 'diupdate' : 'dibuat'}!`) toast.success(`Spanduk iklan berhasil ${adData ? 'diupdate' : 'dibuat'}!`)
navigate('/lg-admin/advertisements') navigate('/lg-admin/advertisements')
} }
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
@ -65,7 +65,7 @@ export const FormAdvertisementsPage = (properties: TProperties) => {
return ( return (
<div className="relative"> <div className="relative">
<TitleDashboard title={`${adData ? 'Update' : 'Buat'} Banner Iklan`} /> <TitleDashboard title={`${adData ? 'Update' : 'Buat'} Spanduk Iklan`} />
<div> <div>
<RemixFormProvider {...formMethods}> <RemixFormProvider {...formMethods}>
<fetcher.Form <fetcher.Form

2
app/pages/form-contents/index.tsx
View File

@ -193,7 +193,7 @@ export const FormContentsPage = (properties: TProperties) => {
label="Subscription" label="Subscription"
labelClassName="text-sm font-medium text-[#363636]" labelClassName="text-sm font-medium text-[#363636]"
className="h-[42px]" className="h-[42px]"
options={{ true: 'Premium', false: 'Normal' }} options={{ true: 'Premium', false: 'Biasa' }}
/> />
</div> </div>

14
app/pages/form-subscribe-plan/index.tsx
View File

@ -54,7 +54,7 @@ export const FormSubscribePlanPage = (properties: TProperties) => {
if (fetcher.data?.success) { if (fetcher.data?.success) {
toast.success( toast.success(
`Subscribe Plan berhasil ${subscribePlanData ? 'diupdate' : 'dibuat'}!`, `Paket Berlangganan berhasil ${subscribePlanData ? 'diupdate' : 'dibuat'}!`,
) )
navigate('/lg-admin/subscribe-plan') navigate('/lg-admin/subscribe-plan')
} }
@ -69,7 +69,7 @@ export const FormSubscribePlanPage = (properties: TProperties) => {
return ( return (
<div className="relative"> <div className="relative">
<TitleDashboard <TitleDashboard
title={`${subscribePlanData ? 'Update' : 'Buat'} Subscribe Plan`} title={`${subscribePlanData ? 'Update' : 'Buat'} Paket Berlangganan`}
/> />
<div> <div>
<RemixFormProvider {...formMethods}> <RemixFormProvider {...formMethods}>
@ -82,8 +82,8 @@ export const FormSubscribePlanPage = (properties: TProperties) => {
<div className="flex items-end justify-between gap-4"> <div className="flex items-end justify-between gap-4">
<Input <Input
id="name" id="name"
label="Subscribe Plan" label="Paket Berlangganan"
placeholder="Masukkan Nama Subscribe Plan" placeholder="Masukkan Nama Paket Berlangganan"
name="name" name="name"
className="border-0 bg-white shadow read-only:bg-gray-100 focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none disabled:bg-gray-100" className="border-0 bg-white shadow read-only:bg-gray-100 focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none disabled:bg-gray-100"
labelClassName="text-sm font-medium text-[#363636]" labelClassName="text-sm font-medium text-[#363636]"
@ -92,7 +92,7 @@ export const FormSubscribePlanPage = (properties: TProperties) => {
<Input <Input
id="code" id="code"
label="Kode" label="Kode"
placeholder="Masukkan Kode Subscribe Plan" placeholder="Masukkan Kode Paket Berlangganan"
readOnly readOnly
name="code" name="code"
className="border-0 bg-white shadow read-only:bg-gray-100 focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none disabled:bg-gray-100" className="border-0 bg-white shadow read-only:bg-gray-100 focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none disabled:bg-gray-100"
@ -112,9 +112,9 @@ export const FormSubscribePlanPage = (properties: TProperties) => {
<div className="flex items-end justify-between gap-4"> <div className="flex items-end justify-between gap-4">
<Input <Input
id="length" id="length"
label="Length" label="Durasi"
type="number" type="number"
placeholder="Masukkan Subscribe Plan Length (days)" placeholder="Masukkan Durasi Paket Berlangganan (hari)"
name="length" name="length"
className="border-0 bg-white shadow read-only:bg-gray-100 focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none" className="border-0 bg-white shadow read-only:bg-gray-100 focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none"
labelClassName="text-sm font-medium text-[#363636]" labelClassName="text-sm font-medium text-[#363636]"