Function NewSourceModal

packages/shared/src/components/modals/NewSourceModal.tsx:80–421

(props: ModalProps)

);

export default function NewSourceModal(props: ModalProps): ReactElement {
  const scrapeFormRef = useRef<HTMLFormElement>();
  const [enableSubmission, setEnableSubmission] = useState(false);
  const [scrapeError, setScrapeError] = useState<string>();
  const [showContact, setShowContact] = useState(false);
  const [showNotification, setShowNotification] = useState(false);
  const { isPushSupported } = usePushNotificationContext();
  const { hasPermissionCache } = usePushNotificationMutation();
  const [feeds, setFeeds] = useState<{ label: ReactNode; value: string }[]>();
  const [selectedFeed, setSelectedFeed] = useState<string>();
  const [existingSource, setExistingSource] = useState<Source>();
  const { user, isLoggedIn, loginState, showLogin } = useContext(AuthContext);
  const loginTrigger = AuthTriggers.SubmitNewSource;
  const { onRequestClose } = props;
  const [isDismissed, setIsDismissed] = usePersistentContext(
    DISMISS_PERMISSION_BANNER,
    false,
  );
  const { data: sourceRequestAvailability, isPending: isLoadingAccess } =
    useQuery({
      queryKey: [RequestKey.SourceRequestAvailability, user?.id],

      queryFn: async () => {
        const result = await gqlClient.request<{
          sourceRequestAvailability: SourceRequestAvailability;
        }>(SOURCE_REQUEST_AVAILABILITY_QUERY);

        return result.sourceRequestAvailability;
      },
    });

  const failedToScrape = () => {
    setShowContact(true);
    setScrapeError(
      'Failed to fetch information, try to find the link to the RSS itself and try again.',
    );
  };

  const { mutateAsync: checkIfSourceExists, isPending: checkingIfExists } =
    useMutation<{ source: Source }, unknown, string>({
      mutationFn: (feed: string) =>
        gqlClient.request(SOURCE_BY_FEED_QUERY, {
          feed,
        }),
    });

  const { mutateAsync: scrapeSource, isPending: isScraping } = useMutation<
    ScrapeSourceResponse,
    unknown,
    string
  >({
    mutationFn: async (url) => {
      const res = await fetchTimeout(
        `${apiUrl}/scrape/source?url=${url}`,
        20000,
        {
          credentials: 'same-origin',
        },