mirror of
https://github.com/i701/sarlink-portal.git
synced 2025-02-23 23:22:01 +00:00
i701
0f17800a00
- Removed unnecessary border styles from various dashboard components including Devices, DeviceDetails, Parental Control, Payments, and Users pages to enhance visual consistency. - Updated DevicesTable to utilize a new ClickableRow component for better device interaction and management. - Refactored AddDevicesToCartButton to use a checkbox for selecting devices, improving user experience. - Enhanced DeviceCard component to streamline device information display and interaction. - Overall improvements to the layout and responsiveness of the dashboard components. These changes enhance the user interface and improve the maintainability of the codebase.
40 lines
1000 B
TypeScript
40 lines
1000 B
TypeScript
import prisma from '@/lib/db'
|
|
import React from 'react'
|
|
|
|
export default async function DeviceDetails({ params }: {
|
|
params: Promise<{ deviceId: string }>
|
|
}) {
|
|
const deviceId = (await params)?.deviceId
|
|
const device = await prisma.device.findUnique({
|
|
where: {
|
|
id: deviceId,
|
|
},
|
|
|
|
})
|
|
return (
|
|
<div>
|
|
<div className="flex flex-col justify-between items-start text-gray-500 title-bg py-4 px-2 mb-4">
|
|
<h3 className='text-2xl font-bold'>
|
|
{device?.name}
|
|
</h3>
|
|
<span>{device?.mac}</span>
|
|
</div>
|
|
|
|
<div
|
|
id="user-filters"
|
|
className=" pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start"
|
|
>
|
|
{/* <Search /> */}
|
|
{/* <Filter
|
|
options={sortfilterOptions}
|
|
defaultOption="asc"
|
|
queryParamKey="sortBy"
|
|
/> */}
|
|
</div>
|
|
{/* <Suspense key={query} fallback={"loading...."}>
|
|
<DevicesTable searchParams={searchParams} />
|
|
</Suspense> */}
|
|
</div>
|
|
)
|
|
}
|