Function BrandingView

apps/web/ui/BrandingView/index.tsx:23–371

({
  reload,
  api,
  currentCommunity,
  setCurrentCommunity,
  setCommunities,
  InternalLink,
}: {
  reload(): void;
  currentCommunity: SerializedAccount;
  api: ApiClient;
  setCurrentCommunity: React.Dispatch<React.SetStateAction<SerializedAccount>>;
  setCommunities: React.Dispatch<React.SetStateAction<SerializedAccount[]>>;
  InternalLink: any;
})

import Banner from './Banner';

export default function BrandingView({
  reload,
  api,
  currentCommunity,
  setCurrentCommunity,
  setCommunities,
  InternalLink,
}: {
  reload(): void;
  currentCommunity: SerializedAccount;
  api: ApiClient;
  setCurrentCommunity: React.Dispatch<React.SetStateAction<SerializedAccount>>;
  setCommunities: React.Dispatch<React.SetStateAction<SerializedAccount[]>>;
  InternalLink: any;
}) {
  const [records, setRecords] = useState<DNSRecord[]>();
  const debouncedUpdateAccount = useCallback(debounce(api.updateAccount), []);

  useEffect(() => {
    let mounted = true;
    if (
      currentCommunity &&
      currentCommunity.premium &&
      currentCommunity.redirectDomain
    ) {
      dnsSettings(mounted);
    }
    return () => {
      mounted = false;
    };
  }, []);

  function dnsSettings(mounted: boolean) {
    api
      .getDnsSettings(currentCommunity.id)
      .then((response) => {
        if (mounted && response && response.records) {
          setRecords(response.records);
        }
      })
      .catch((_) => {});
  }

  const updateAccount = async (options?: any) => {
    const form = document.getElementById('branding-form') as HTMLFormElement;
    if (!form) {
      return;
    }
    const googleAnalyticsId = form.googleAnalyticsId?.value;
    const brandColor = form.brandColor.value;
    const description = form.description.value;
    const params = {
      description,
      brandColor,
      googleAnalyticsId,
      ...options,
    };
    return debouncedUpdateAccount({