Function ShowIntegrationDetail

apps/web/ui/IntegrationsModal/index.tsx:264–317

({
  api,
  channel,
  isUserAuthenticated,
}: {
  api: ApiClient;
  channel: SerializedChannel | null;
  isUserAuthenticated: boolean;
})

}

function ShowIntegrationDetail({
  api,
  channel,
  isUserAuthenticated,
}: {
  api: ApiClient;
  channel: SerializedChannel | null;
  isUserAuthenticated: boolean;
}) {
  const [value, setValue] = useState<{ data: any; type: string }>();

  useEffect(() => {
    isUserAuthenticated &&
      channel &&
      channel.id &&
      api
        .getChannelIntegrations({
          channelId: channel.id,
          accountId: channel.accountId!,
        })
        .then(setValue)
        .catch((e) => {
          console.error(e);
        });
  }, [isUserAuthenticated, channel]);

  return (
    <>
      {value && (
        <span
          className={
            styles['text-xs-text-gray-400-flex-gap-1-pl-4-pr-1-items-center']
          }
        >
          {value.type === 'GITHUB' && (
            <>
              <FiGithub /> {value.data?.owner}/{value.data?.repo}
            </>
          )}
          {value.type === 'EMAIL' && (
            <>
              <FiMail /> {value.data?.email}
            </>
          )}
          {value.type === 'LINEAR' && (
            <>
              <CgLinear /> {showLinearDetail(value)}
            </>
          )}
        </span>
      )}
    </>
  );
}

export default {
  IntegrationsModal,