ui FormState.tsx

72.72% Statements 8/11

29.41% Branches 5/17

100% Functions 1/1

85.71% Lines 6/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20  
 
6x
4x
 
2x
 
2x
 
 
 
 
 
2x
 
 
8x
 
 
  import type { SaveState } from "../types";
 
export function FormState({ state }: { state: SaveState }) {
  Iif (state.kind === "idle") return null;
  return (
    <div
      className={
        state.kind === "error"
          ? "mt-2 text-sm text-destructive"
          : state.kind === "saving"
            ? "mt-2 text-sm text-muted-foreground"
            : "mt-2 text-sm text-primary"
      }
      role={state.kind === "error" ? "alert" : "status"}
    >
      {state.message}
    </div>
  );
}