ステータスバッジ

用途

「未着手・進行中・完了」などのステータスを色付きバッジで表示。

特徴

• カラーマッピング
• サイズ可変
• アイコン対応

実コード（SCALE Base より自動抽出）

components/tasks/StatusBadge.tsx の中身そのもの。コピペ即可。

"use client";

import { STATUS_COLORS } from "@/lib/tasks-api";

export default function StatusBadge({ status }: { status: string }) {
  return (
    <span
      className={`text-[10px] px-2 py-0.5 rounded-full font-medium ${STATUS_COLORS[status] ?? "bg-gray-600 text-gray-200"}`}
    >
      {status}
    </span>
  );
}

ソースファイルのパス

/Users/oogushiyuuki/Library/CloudStorage/GoogleDrive-y-ogushi@scale-group.co.jp/マイドライブ/AI/scale-base/components/tasks/StatusBadge.tsx

使い方

対象プロジェクトに該当ファイルをコピーして、props を流し込むだけ。

注意事項

• 依存パッケージを忘れず追加