remove battery percent
This commit is contained in:
@@ -135,9 +135,6 @@ export function LoginPage({ onLogin }: LoginPageProps) {
|
|||||||
/>
|
/>
|
||||||
아이디 기억
|
아이디 기억
|
||||||
</label>
|
</label>
|
||||||
<button className="text-[12px] font-extrabold text-[#4f46e5]" type="button">
|
|
||||||
비밀번호를 잊으셨나요?
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import { useEffect, useMemo, useState, type ReactNode } from 'react';
|
import { useEffect, useMemo, useState, type ReactNode } from 'react';
|
||||||
import { createPortal } from 'react-dom';
|
import { createPortal } from 'react-dom';
|
||||||
import { Activity, Battery, Car, CircleAlert, KeyRound, Loader2, Plus, RefreshCw, Search, Settings, ShieldAlert, Timer, Trash2, Users, X, type LucideIcon } from 'lucide-react';
|
import { Activity, Car, CircleAlert, KeyRound, Loader2, Plus, RefreshCw, Search, Settings, ShieldAlert, Timer, Trash2, Users, X, type LucideIcon } from 'lucide-react';
|
||||||
import { ConfirmDialog } from '../../components/ConfirmDialog';
|
import { ConfirmDialog } from '../../components/ConfirmDialog';
|
||||||
import { PageHeader } from '../../components/PageHeader';
|
import { PageHeader } from '../../components/PageHeader';
|
||||||
import { PaginationBar } from '../../components/PaginationBar';
|
import { PaginationBar } from '../../components/PaginationBar';
|
||||||
@@ -435,7 +435,7 @@ export function PlatformsPage({ session }: { session: AuthSession }) {
|
|||||||
<div className="flex flex-wrap items-center justify-between gap-3 border-b border-[#cbd5e1] px-4 py-3">
|
<div className="flex flex-wrap items-center justify-between gap-3 border-b border-[#cbd5e1] px-4 py-3">
|
||||||
<div>
|
<div>
|
||||||
<h2 className="text-[15px] font-black text-[#111827]">플랫폼 리스트</h2>
|
<h2 className="text-[15px] font-black text-[#111827]">플랫폼 리스트</h2>
|
||||||
<p className="mt-1 text-[12px] font-bold text-[#64748b]">배터리, 가동 시간, 할당 그룹 상태 조회</p>
|
<p className="mt-1 text-[12px] font-bold text-[#64748b]">가동 시간, 할당 그룹 상태 조회</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<label className="flex h-9 w-full max-w-[260px] items-center gap-2 rounded-md border border-[#d1d9e6] bg-white px-3 text-[#94a3b8]">
|
<label className="flex h-9 w-full max-w-[260px] items-center gap-2 rounded-md border border-[#d1d9e6] bg-white px-3 text-[#94a3b8]">
|
||||||
@@ -446,12 +446,11 @@ export function PlatformsPage({ session }: { session: AuthSession }) {
|
|||||||
|
|
||||||
<div className="overflow-x-auto">
|
<div className="overflow-x-auto">
|
||||||
<div className="xl:min-w-[1020px]">
|
<div className="xl:min-w-[1020px]">
|
||||||
<div className="hidden select-none gap-4 grid-cols-[44px_200px_110px_92px_90px_110px_150px_184px] items-center border-b border-[#cbd5e1] bg-[#f8fafc] px-4 py-3 text-center text-[11px] font-bold text-[#64748b] xl:grid">
|
<div className="hidden select-none gap-4 grid-cols-[44px_200px_110px_92px_110px_150px_184px] items-center border-b border-[#cbd5e1] bg-[#f8fafc] px-4 py-3 text-center text-[11px] font-bold text-[#64748b] xl:grid">
|
||||||
<span>No.</span>
|
<span>No.</span>
|
||||||
<span>플랫폼</span>
|
<span>플랫폼</span>
|
||||||
<span>연결</span>
|
<span>연결</span>
|
||||||
<span>상태</span>
|
<span>상태</span>
|
||||||
<span>배터리</span>
|
|
||||||
<span>가동 시간</span>
|
<span>가동 시간</span>
|
||||||
<span>할당</span>
|
<span>할당</span>
|
||||||
<span>관리</span>
|
<span>관리</span>
|
||||||
@@ -469,7 +468,7 @@ export function PlatformsPage({ session }: { session: AuthSession }) {
|
|||||||
</div>
|
</div>
|
||||||
) : pagedPlatforms.length > 0 ? (
|
) : pagedPlatforms.length > 0 ? (
|
||||||
pagedPlatforms.map((platform, index) => (
|
pagedPlatforms.map((platform, index) => (
|
||||||
<article className="grid select-none gap-4 px-4 py-4 xl:grid-cols-[44px_200px_110px_92px_90px_110px_150px_184px] xl:items-center" key={platform.id}>
|
<article className="grid select-none gap-4 px-4 py-4 xl:grid-cols-[44px_200px_110px_92px_110px_150px_184px] xl:items-center" key={platform.id}>
|
||||||
<div className="text-center">
|
<div className="text-center">
|
||||||
<p className="mb-2 text-[11px] font-bold text-[#94a3b8] xl:hidden">번호</p>
|
<p className="mb-2 text-[11px] font-bold text-[#94a3b8] xl:hidden">번호</p>
|
||||||
<span className="text-[13px] font-bold text-[#64748b]">{filteredPlatforms.length - ((page - 1) * pageSize + index)}</span>
|
<span className="text-[13px] font-bold text-[#64748b]">{filteredPlatforms.length - ((page - 1) * pageSize + index)}</span>
|
||||||
@@ -504,19 +503,6 @@ export function PlatformsPage({ session }: { session: AuthSession }) {
|
|||||||
<span className={`rounded px-1.5 py-0.5 text-[11px] font-bold ${statusTone(platform.status)}`}>{platform.status}</span>
|
<span className={`rounded px-1.5 py-0.5 text-[11px] font-bold ${statusTone(platform.status)}`}>{platform.status}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
|
||||||
<div className="mb-2 flex items-center justify-between text-[12px] font-bold text-[#475569] xl:justify-center">
|
|
||||||
<span className="inline-flex items-center gap-1.5 xl:hidden">
|
|
||||||
<Battery size={13} aria-hidden="true" />
|
|
||||||
배터리
|
|
||||||
</span>
|
|
||||||
<span className="font-semibold text-[#4f46e5]">{platform.battery}%</span>
|
|
||||||
</div>
|
|
||||||
<div className="h-1.5 overflow-hidden rounded-full bg-[#dbe3ef]">
|
|
||||||
<div className="h-full rounded-full bg-[#4f46e5]" style={{ width: `${platform.battery}%` }} />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<PlatformMeta icon={Timer} label="가동 시간" value={platform.uptime} />
|
<PlatformMeta icon={Timer} label="가동 시간" value={platform.uptime} />
|
||||||
<div className="text-center">
|
<div className="text-center">
|
||||||
<p className="mb-2 text-[11px] font-bold text-[#94a3b8] xl:hidden">할당</p>
|
<p className="mb-2 text-[11px] font-bold text-[#94a3b8] xl:hidden">할당</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user