root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(FN-5010): complete Step 1 — move label color to CSS custom property

Browse Source 
Fusion-Task-Id: FN-5010
Fusion-Task-Lineage: 0975200b-f771-4e8e-a851-8286c0309257
This commit is contained in:
Fusion (runfusion.ai)
2026-05-18 04:45:32 -07:00
committed by gsxdsm
parent 3a82591e70
commit b58e65d587
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/dashboard/app/components/PrCreateModal.tsx
View File

@@ -1,4 +1,4 @@
import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react"; import { useCallback, useEffect, useId, useMemo, useRef, useState, type CSSProperties } from "react";
import { AlertTriangle, CheckCircle2, RefreshCw, Sparkles, X, XCircle } from "lucide-react"; import { AlertTriangle, CheckCircle2, RefreshCw, Sparkles, X, XCircle } from "lucide-react";
import { getErrorMessage, type PrInfo, type StructuredGhError } from "@fusion/core"; import { getErrorMessage, type PrInfo, type StructuredGhError } from "@fusion/core";
import { import {
@@ -67,11 +67,16 @@ function OptionChips<T extends { login?: string; name?: string; color?: string }
<div className="pr-create-modal__chips"> <div className="pr-create-modal__chips">
{selected.map((item) => { {selected.map((item) => {
const key = getKey(item); const key = getKey(item);
const chipStyle = includeColor && item.color const hasColor = Boolean(includeColor && item.color);
? { background: `color-mix(in srgb, #${item.color} 25%, transparent)` } const chipStyle = hasColor
? ({ "--pr-chip-label-color": `#${item.color}` } as CSSProperties)
: undefined; : undefined;
return ( return (
<span key={key} className="pr-create-modal__chip" style={chipStyle}> <span
key={key}
className={`pr-create-modal__chip${hasColor ? " pr-create-modal__chip--colored" : ""}`}
style={chipStyle}
>
{getLabel(item)} {getLabel(item)}
<button <button
type="button" type="button"