export default function StorageTypeChangedWarningDialog()

in s3-artifact-storage-ui/src/App/components/StorageTypeChangedWarningDialog.tsx [14:46]

32 lines of code
4 McCabe index (conditional complexity)


export default function StorageTypeChangedWarningDialog() {
  const [visited, setVisited] = React.useState(false);
  const config = useAppContext();
  const { watch } = useS3Form();
  const currentType = watch(FormFields.STORAGE_TYPE);
  const isS3Compatible = currentType?.key === S3_COMPATIBLE;
  const incorrectStorageTypeInProperties = React.useMemo(
    () =>
      !config.isNewStorage &&
      config.selectedStorageType === AWS_S3 &&
      isS3Compatible,
    [config.isNewStorage, config.selectedStorageType, isS3Compatible]
  );

  return (
    <Dialog
      show={incorrectStorageTypeInProperties && !visited}
      onCloseAttempt={() => setVisited(true)}
      autoFocusFirst
      dense
      trapFocus
      showCloseButton={false}
    >
      <Header>{'Information'}</Header>
      <Content>
        <div>
          {
            'Your storage is not an S3 bucket hosted on Amazon Web Services. The storage type will be set to "Custom S3".'
          }
        </div>
      </Content>
      <Panel>
        <Button primary onClick={() => setVisited(true)}>