OpeningFirstChannel.tsx raw

   1  import React from "react";
   2  import { useNavigate } from "react-router";
   3  import { ChannelWaitingForConfirmations } from "src/components/channels/ChannelWaitingForConfirmations";
   4  import { useChannels } from "src/hooks/useChannels";
   5  import { useSyncWallet } from "src/hooks/useSyncWallet";
   6  
   7  export function OpeningFirstChannel() {
   8    useSyncWallet();
   9    const { data: channels } = useChannels(true);
  10    const navigate = useNavigate();
  11  
  12    const firstChannel = channels?.[0];
  13  
  14    React.useEffect(() => {
  15      if (firstChannel?.active) {
  16        navigate("/channels/first/opened");
  17      }
  18    }, [firstChannel, navigate]);
  19  
  20    return <ChannelWaitingForConfirmations channel={firstChannel} />;
  21  }
  22