fix: regression, errors in react viewer not red

Signed-off-by: Nick Mitchell <[email protected]>

Author: starpit

pdl-live-react/src/view/transcript/Block.css

@@ -23,8 +23,6 @@ import Context, { withParent } from "../../Context"
 
 import { isPdlBlock, type PdlBlock } from "../../helpers"
 
-import "./Block.css"
-
 type Props = { data: PdlBlock; ctx: Context }
 
 /**

pdl-live-react/src/view/transcript/Block.tsx

@@ -25,6 +25,10 @@
       --pdl-block-color-1: #e0f0ff;
       --pdl-block-color-2: var(--pf-t--global--color--nonstatus--teal--default);
     }*/
+    &[data-detail="error"] {
+      --pdl-block-color-1: #fce3e3;
+      --pdl-block-color-2: var(--pf-t--global--color--nonstatus--red--default);
+    }
 
     --pdl-bb-color: var(--pdl-block-color-1);
     &.pdl-breadcrumb-bar-item--def {