Function ServerInviteJoinButton

packages/ui/src/server-invite.tsx:90–117

(
	props: {
		className?: string;
		size?: ButtonProps['size'];
	} & Pick<ServerInviteProps, 'server' | 'channel' | 'location'> &
		Omit<React.ComponentPropsWithoutRef<typeof LinkButton>, 'href'>,
)

};

export const ServerInviteJoinButton = (
	props: {
		className?: string;
		size?: ButtonProps['size'];
	} & Pick<ServerInviteProps, 'server' | 'channel' | 'location'> &
		Omit<React.ComponentPropsWithoutRef<typeof LinkButton>, 'href'>,
) => {
	const { server, channel, location, className, ...rest } = props;
	const inviteCode = channel?.inviteCode || server.vanityInviteCode;
	if (!inviteCode) return <></>;
	return (
		<TrackLinkButton
			href={`https://discord.gg/${inviteCode}`}
			variant="default"
			className={cn('text-center font-header font-bold', className)}
			size={props.size}
			eventName={'Server Invite Click'}
			eventData={{
				...(channel && channelToAnalyticsData(channel)),
				...serverToAnalyticsData(server),
				'Button Location': location,
			}}
			{...rest}
		>
			<ServerInviteJoinText id={server.id} />
		</TrackLinkButton>
	);
};

export const ServerInvite = (
	props: ServerInviteProps & {