diff options
| author | soryu <soryu@soryu.co> | 2026-01-26 20:32:25 +0000 |
|---|---|---|
| committer | soryu <soryu@soryu.co> | 2026-01-26 20:32:25 +0000 |
| commit | c5807eda364980645b21727dab4236d16d119a56 (patch) | |
| tree | 0e69566aae61b6c54a41c8b58914747aa8f24f3a /makima/frontend/src/components/contracts | |
| parent | bbbaab80baca6b152ce2edf68a971f29f189cd97 (diff) | |
| download | soryu-makima/local-only-mode-pr.tar.gz soryu-makima/local-only-mode-pr.zip | |
Add local-only mode toggle to contract creationmakima/local-only-mode-pr
Diffstat (limited to 'makima/frontend/src/components/contracts')
| -rw-r--r-- | makima/frontend/src/components/contracts/ContractDetail.tsx | 5 | ||||
| -rw-r--r-- | makima/frontend/src/components/contracts/ContractList.tsx | 15 |
2 files changed, 16 insertions, 4 deletions
diff --git a/makima/frontend/src/components/contracts/ContractDetail.tsx b/makima/frontend/src/components/contracts/ContractDetail.tsx index 90b6967..6e31c84 100644 --- a/makima/frontend/src/components/contracts/ContractDetail.tsx +++ b/makima/frontend/src/components/contracts/ContractDetail.tsx @@ -177,6 +177,11 @@ export function ContractDetail({ > {statusConfig[contract.status].label} </span> + {contract.localOnly && ( + <span className="px-2 py-0.5 font-mono text-[10px] uppercase text-amber-400 border border-amber-400/30 bg-amber-400/10"> + Local-Only + </span> + )} </div> {contract.description && ( <p className="font-mono text-sm text-[#9bc3ff] mb-3"> diff --git a/makima/frontend/src/components/contracts/ContractList.tsx b/makima/frontend/src/components/contracts/ContractList.tsx index ebde497..98f8ff6 100644 --- a/makima/frontend/src/components/contracts/ContractList.tsx +++ b/makima/frontend/src/components/contracts/ContractList.tsx @@ -127,11 +127,18 @@ export function ContractList({ `} > <div className="flex items-start justify-between gap-2 mb-2"> - <h3 className="font-mono text-sm text-[#dbe7ff] truncate"> - {contract.name} - </h3> + <div className="flex items-center gap-2 min-w-0"> + <h3 className="font-mono text-sm text-[#dbe7ff] truncate"> + {contract.name} + </h3> + {contract.localOnly && ( + <span className="px-1.5 py-0.5 font-mono text-[9px] uppercase text-amber-400 border border-amber-400/30 bg-amber-400/10 shrink-0"> + Local + </span> + )} + </div> <span - className={`text-[10px] font-mono uppercase ${ + className={`text-[10px] font-mono uppercase shrink-0 ${ statusColors[contract.status] }`} > |