weseek__growi/apps/app/src/client/components/AlertSiteUrlUndefined.tsx

import type { JSX } from 'react';
import { useTranslation } from 'next-i18next';

import { useSiteUrl } from '~/states/global';

const isValidUrl = (str: string): boolean => {
  try {
    // eslint-disable-next-line no-new
    new URL(str);
    return true;
  } catch {
    return false;
  }
};

export const AlertSiteUrlUndefined = (): JSX.Element => {
  const { t } = useTranslation('commons');
  const siteUrl = useSiteUrl();

  if (typeof siteUrl === 'string' && isValidUrl(siteUrl)) {
    return <></>;
  }

  return (
    <div className="alert alert-danger rounded-0 d-edit-none mb-0 px-4 py-2">
      <span className="material-symbols-outlined">error</span>
      {t('alert.siteUrl_is_not_set', { link: t('headers.app_settings') })}{' '}
      &gt;&gt;{' '}
      <a href="/admin/app">
        {t('headers.app_settings')}
        <span className="material-symbols-outlined">login</span>
      </a>
    </div>
  );
};
AlertSiteUrlUndefined.displayName = 'AlertSiteUrlUndefined';