Function ConfigurationsView

apps/web/ui/ConfigurationsView/index.tsx:16–64

({
  currentCommunity,
  api,
}: {
  currentCommunity: SerializedAccount;
  api: ApiClient;
})

import type { ApiClient } from '@linen/api-client';

export default function ConfigurationsView({
  currentCommunity,
  api,
}: {
  currentCommunity: SerializedAccount;
  api: ApiClient;
}) {
  const updateAccount = useCallback(debounce(api.updateAccount), []);

  return (
    <div className={styles.wrapper}>
      <Header />
      <div className={styles.container}>
        <CommunityIntegrationRow
          currentCommunity={currentCommunity}
          api={api}
        />
        <hr className={styles.my3} />
        {currentCommunity.communityType !== 'discord' && (
          <>
            <SlackImportRow currentCommunity={currentCommunity} api={api} />
            <hr className={styles.my3} />
          </>
        )}
        <AnonymizeUsersRow currentCommunity={currentCommunity} api={api} />
        <hr className={styles.my3} />
        <ChannelsConfig currentCommunity={currentCommunity} api={api} />
        <hr className={styles.my3} />
        <UrlsRow currentCommunity={currentCommunity} api={api} />
        <hr className={styles.my3} />
        <CommunityTypeRow
          type={currentCommunity.type}
          disabled={!currentCommunity.premium}
          onChange={(type: AccountType) => {
            updateAccount({ accountId: currentCommunity.id, type })
              .then((_) => {
                Toast.success('Saved successfully!');
              })
              .catch(() => {
                Toast.error('Something went wrong!');
              });
          }}
        />
        <hr className={styles.my3} />
        <RemoveCommunity currentCommunity={currentCommunity} api={api} />
      </div>
    </div>
  );
}