Add a new handle when the backend application is offline #1550
+262
β41
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
β¨ (App.tsx): Import the
useNavigate
hook fromreact-router-dom
to enable programmatic navigation within the app.π (App.tsx): Add comments to explain the purpose of the
isLoadingHealth
state variable and thecheckApplicationHealth
function.π (App.tsx): Add comments to explain the purpose of the
onHealthCheck
function.π (App.tsx): Fix a bug where the
checkApplicationHealth
function was not being called when the component mounts.π (App.tsx): Fix a bug where the
onHealthCheck
function was not being called when the health check was successful.π (App.tsx): Add comments to explain the purpose of the
checkApplicationHealth
function and theonHealthCheck
function.β¨ (fetchErrorComponent/index.tsx): Import the
BaseModal
component from themodals/baseModal
module to display the fetch error component in a modal.β¨ (fetchErrorComponent/index.tsx): Import the
Button
component from theui/button
module to display a retry button in the fetch error component.β¨ (fetchErrorComponent/index.tsx): Add a retry button to the fetch error component to allow the user to retry the failed request.
β¨ (ui/dialog-with-no-close.tsx): Create a new file
ui/dialog-with-no-close.tsx
to define a custom dialog component without a close button.β¨ (ui/dialog-with-no-close.tsx): Define the
Dialog
,DialogTrigger
,DialogPortal
,DialogOverlay
,DialogContent
,DialogHeader
,DialogFooter
,DialogTitle
, andDialogDescription
components for the custom dialog component.π (baseModal/index.tsx): add support for a new type prop to switch between modal and dialog mode
π (baseModal/index.tsx): fix typo in import statement for Modal and ModalContent components
β»οΈ (baseModal/index.tsx): refactor BaseModal component to conditionally render either Modal or Dialog based on the type prop
π (flowsManagerStore.ts): fix issue where isLoading state was not being set to false after catching an error
π (typesStore.ts): fix issue where error alert was not being shown when fetching types failed
π (typesStore.ts): remove unnecessary error alert when fetching types failed
β¨ (components/index.ts): add new properties to fetchErrorComponentType to support opening a modal, retrying, and showing loading state