Function JoinButton

apps/web/ui/JoinButton/index.tsx:16–37

({ status }: WrapperProps)

}

export default function JoinButton({ status }: WrapperProps) {
  const fn = ({ brandColor, fontColor, currentCommunity, settings }: Props) => {
    if (status === 'loading') {
      return <div />;
    }

    return settings.communityType === 'discord' ? (
      <JoinDiscord
        brandColor={brandColor}
        fontColor={fontColor}
        href={settings.communityInviteUrl}
      />
    ) : (
      <JoinSlack
        brandColor={brandColor}
        fontColor={fontColor}
        href={settings.communityInviteUrl}
      />
    );
  };
  return fn;
}