Function CoinControlOutputSheet

screen/send/CoinControlOutputSheet.tsx:24–162

()

type NavigationProps = NativeStackNavigationProp<SendDetailsStackParamList, 'CoinControlOutput'>;

const CoinControlOutputSheet: React.FC = () => {
  const navigation = useExtendedNavigation<NavigationProps>();
  const route = useRoute<RouteProps>();
  const { walletID, utxo } = route.params;
  const { wallets, txMetadata, saveToDisk } = useStorage();
  const wallet = useMemo(() => wallets.find(w => w.getID() === walletID), [walletID, wallets]);
  const { colors } = useTheme();
  const { isVisible } = useKeyboard();

  const [memo, setMemo] = useState<string>('');
  const [frozen, setFrozen] = useState<boolean>(false);
  const [loading, setLoading] = useState<boolean>(true);

  useEffect(() => {
    if (!wallet) return;
    const meta = wallet.getUTXOMetadata(utxo.txid, utxo.vout);
    setMemo(meta.memo || txMetadata[utxo.txid]?.memo || '');
    setFrozen(Boolean(meta.frozen));
    setLoading(false);
  }, [txMetadata, utxo.txid, utxo.vout, wallet]);

  const switchValue = useMemo(
    () => ({
      value: frozen,
      testID: 'FreezeSwitch',
      onValueChange: async (value: boolean) => {
        if (!wallet) return;
        setFrozen(value);
        wallet.setUTXOMetadata(utxo.txid, utxo.vout, { frozen: value });
        await saveToDisk();
      },
    }),
    [frozen, saveToDisk, utxo.txid, utxo.vout, wallet],
  );

  const onMemoChange = (value: string) => setMemo(value);

  const debouncedSaveMemo = useRef(
    debounce(async m => {
      if (!wallet) return;
      wallet.setUTXOMetadata(utxo.txid, utxo.vout, { memo: m });
      await saveToDisk();
    }, 500),
  );

  useEffect(() => {
    debouncedSaveMemo.current(memo);
  }, [memo]);

  const amount = formatBalance(utxo.value, wallet?.getPreferredBalanceUnit?.() ?? BitcoinUnit.BTC, true);
  const color = `#${utxo.txid.substring(0, 6)}`;
  const confirmationsFormatted = useMemo(
    () => new Intl.NumberFormat(RNLocalize.getLocales()[0].languageCode, { maximumSignificantDigits: 3 }).format(utxo.confirmations ?? 0),
    [utxo.confirmations],
  );

  const handleUseCoin = useCallback(async () => {
    if (!wallet) return;