All files / src/components/forms/symbols ActorSymbolsEditor.tsx

0% Statements 0/13
100% Branches 0/0
0% Functions 0/4
0% Lines 0/12

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 31 32 33 34 35 36 37                                                                         
import React from "react";
import { actorSelectors } from "store/features/entities/entitiesState";
import entitiesActions from "store/features/entities/entitiesActions";
import {
  interactScriptSymbol,
  updateScriptSymbol,
} from "shared/lib/helpers/symbols";
import { addBankRef, AssetReference } from "components/forms/ReferencesSelect";
import { useAppDispatch } from "store/hooks";
 
interface ActorSymbolsEditorProps {
  id: string;
}
 
export const ActorSymbolsEditor = ({ id }: ActorSymbolsEditorProps) => {
  const dispatch = useAppDispatch();
  return (
    <AssetReference
      id={id}
      selector={(state) => actorSelectors.selectById(state, id)}
      onRename={(symbol) => {
        dispatch(
          entitiesActions.setActorSymbol({
            actorId: id,
            symbol,
          })
        );
      }}
      copyTransform={addBankRef}
      extraSymbols={(symbol) => [
        interactScriptSymbol(symbol),
        updateScriptSymbol(symbol),
      ]}
    />
  );
};