xiaoxia
32a95d09f0
CI/CD Pipeline / Check if frontend-only change (push) Has been skipped
CI/CD Pipeline / PR Build API Image (push) Has been skipped
CI/CD Pipeline / PR Build Web Image (push) Has been skipped
CI/CD Pipeline / PR Build Worker Image (push) Has been skipped
CI/CD Pipeline / Validate - Migration (alembic) (push) Successful in 1m49s
CI/CD Pipeline / Validate - Type Check (mypy) (push) Successful in 2m10s
CI/CD Pipeline / Build Production API Image (push) Has been skipped
CI/CD Pipeline / Build Production Web Image (push) Has been skipped
CI/CD Pipeline / Build Production Worker Image (push) Has been skipped
CI/CD Pipeline / Frontend Lint (push) Successful in 2m40s
CI/CD Pipeline / Build Staging Web Image (push) Successful in 2m48s
CI/CD Pipeline / Frontend Unit Tests (push) Successful in 1m17s
CI/CD Pipeline / Validate - Code Quality (push) Successful in 5m1s
CI/CD Pipeline / Build Staging Worker Image (push) Successful in 5m10s
CI/CD Pipeline / Unit Tests (push) Failing after 5m58s
CI/CD Pipeline / Deploy Production (push) Has been skipped
CI/CD Pipeline / Production Browser E2E (push) Has been skipped
CI/CD Pipeline / Integration Tests (push) Successful in 2m33s
CI/CD Pipeline / Build Staging API Image (push) Successful in 17m18s
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (push) Has been cancelled
CI/CD Pipeline / Staging E2E Tests (push) Has been cancelled
CI/CD Pipeline / Staging API Integration Tests (push) Has been cancelled
CI/CD Pipeline / ACR Image Cleanup (push) Has been cancelled
CI/CD Pipeline / Canary Release to Production (push) Has been cancelled
37 lines
1.3 KiB
TypeScript
37 lines
1.3 KiB
TypeScript
import React from "react"
|
|
import type { StatusType } from "@/pages/assets/types"
|
|
|
|
/* ============================================================
|
|
* StatusPill — 状态标签
|
|
* ============================================================ */
|
|
export interface StatusPillProps {
|
|
status: StatusType
|
|
label: string
|
|
}
|
|
|
|
export const StatusPill: React.FC<StatusPillProps> = ({ status, label }) => (
|
|
<span className={`xx-status-pill xx-status-pill-${status}`}>{label}</span>
|
|
)
|
|
|
|
/* ============================================================
|
|
* SkeletonCard — 骨架屏卡片（素材列表加载时占位）
|
|
* ============================================================ */
|
|
export const SkeletonCard: React.FC = () => (
|
|
<div className="xx-asset-card xx-asset-skeleton">
|
|
<div className="xx-asset-thumb xx-skeleton-pulse" />
|
|
<div className="xx-asset-info">
|
|
<div className="xx-skeleton-line xx-skeleton-pulse" style={{ width: "70%" }} />
|
|
<div className="xx-skeleton-line xx-skeleton-pulse" style={{ width: "40%", marginTop: 8 }} />
|
|
<div
|
|
className="xx-skeleton-line xx-skeleton-pulse"
|
|
style={{
|
|
width: "100%",
|
|
height: 28,
|
|
marginTop: 8,
|
|
borderRadius: "var(--radius-xs)",
|
|
}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
)
|