Function WalletsAddMultisigStep2

screen/wallets/addMultisigStep2.tsx:45–606

()

const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);

const WalletsAddMultisigStep2 = () => {
  const { addAndSaveWallet, sleep, currentSharedCosigner, setSharedCosigner } = useStorage();
  const { enableScreenProtect, disableScreenProtect } = useScreenProtect();
  const { colors } = useTheme();

  const navigation = useExtendedNavigation();
  const route = useRoute<RouteProp<{ WalletsAddMultisigStep2: MultisigStep2Params }, 'WalletsAddMultisigStep2'>>();
  const params = route.params;
  const { m, n, format, walletLabel } = params;
  const [cosigners, setCosigners] = useState<CosignerTuple[]>([]); // array of cosigners user provided. if format [cosigner, fp, path]
  const [isLoading, setIsLoading] = useState(false);
  const [vaultKeyData, setVaultKeyData] = useState({ keyIndex: 1, xpub: '', seed: '', isLoading: false }); // string rendered in modal
  const [importText, setImportText] = useState('');
  const [askPassphrase, setAskPassphrase] = useState(false);
  const { isPrivacyBlurEnabled, isElectrumDisabled } = useSettings();
  const data = useRef(new Array(n).fill(null));

  useFocusEffect(
    useCallback(() => {
      if (isPrivacyBlurEnabled) {
        enableScreenProtect();
      }
      return () => {
        disableScreenProtect();
      };
    }, [isPrivacyBlurEnabled, enableScreenProtect, disableScreenProtect]),
  );

  useEffect(() => {
    console.log(currentSharedCosigner);
    if (currentSharedCosigner) {
      (async function () {
        if (await confirm(loc.multisig.shared_key_detected, loc.multisig.shared_key_detected_question)) {
          setImportText(currentSharedCosigner);
          navigation.navigate('WalletsAddMultisigProvideMnemonicsSheet', {
            importText: currentSharedCosigner,
            askPassphrase,
          });
          setSharedCosigner('');
        }
      })();
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [currentSharedCosigner]);

  const handleOnHelpPress = useCallback(() => {
    navigation.navigate('WalletsAddMultisigHelp');
  }, [navigation]);

  const stylesHook = StyleSheet.create({
    root: {
      backgroundColor: colors.elevated,
    },
  });

  useLayoutEffect(() => {
    navigation.setOptions({
      // eslint-disable-next-line react/no-unstable-nested-components