Scenarios ScenarioNameBadge.tsx

75% Statements 3/4

50% Branches 1/2

50% Functions 1/2

75% Lines 3/4

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
21
22
23
24
25
26
27
28
29
30  
 
 
 
 
 
 
 
85x
 
85x
 
 
 
 
 
85x
 
 
 
 
 
 
 
 
 
 
 
 
  import { AutoSelectInput } from "../../../../../ahuora-design-system/ui/auto-select-input";
import { Badge } from "../../../../../ahuora-design-system/ui/badge";
import {
  ScenarioRead,
  useCoreScenarioPartialUpdateMutation,
} from "../../../../../api/apiStore.gen";
 
export function ScenarioNameBadge({ scenario }: { scenario: ScenarioRead }) {
  const [updateOptimization] = useCoreScenarioPartialUpdateMutation();
 
  const handleUpdateName = (value: string) => {
    updateOptimization({
      id: scenario.id,
      patchedScenario: { displayName: value },
    });
  };
  return (
    <Badge>
      <AutoSelectInput
        aria-label="expression-name"
        textSize="text-xs"
        textColor="text-primary"
        width="max-w-36"
        value={scenario.displayName || ""}
        onUpdateValue={handleUpdateName}
      />
    </Badge>
  );
}