function SuccessModal()

in packages/graph-explorer/src/workspaces/Settings/LoadConfigButton.tsx [220:256]

• 35 lines of code
• 1 McCabe index (conditional complexity)

function SuccessModal({ success }: { success: boolean }) {
  const [_, { close }] = useDisclosure(success);

  return (
    <Modal
      opened={success}
      onClose={close}
      withCloseButton={false}
      closeOnClickOutside={false}
      closeOnEscape={false}
      size="lg"
      centered={true}
    >
      <div className="flex flex-row items-start gap-8 p-2">
        <div className="py-1">
          <CheckIcon className="text-success-main size-16" />
        </div>
        <div className="flex grow flex-col gap-8">
          <div>
            <SectionTitle>Restore Successful</SectionTitle>
            <Paragraph className="w-full min-w-0">
              All data was restored successfully. Please reload {APP_NAME}
              to complete the process.
            </Paragraph>
          </div>

          {/* Force a full reload of the app in the browser */}
          <a href={RELOAD_URL} className="self-end">
            <Button variant="filled" size="large">
              Reload {APP_NAME}
            </Button>
          </a>
        </div>
      </div>
    </Modal>
  );
}