platform & quotas

14 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Text Confirm Dialog component purpose

Text Confirm Dialog is a modal dialog that adds a deliberate confirmation step for highly destructive actions by requiring the user to type an exact confirmation string before the confirm action is enabled. It wraps the Shadcn Dialog component and is intended for actions that must not be triggered accidentally.

When to use Text Confirm Dialog

Use Text Confirm Dialog for irreversible operations such as deleting buckets, projects, or other critical resources where an explicit signal of user intent is required beyond a button click.

Text Confirm Dialog alternatives

For non-destructive or less critical confirmations, use Alert Dialog or Confirmation Modal instead. Refer to the Modality UI pattern for guidance on choosing the appropriate dialog pattern.

Text Confirm Dialog component import

TextConfirmModal is imported from 'ui-patterns/Dialogs/TextConfirmModal'.

Text Confirm Dialog props

The component accepts the following props: confirmString (the exact string the user must type to enable the confirm action; leading/trailing whitespace is trimmed), confirmPlaceholder (placeholder text shown in the confirmation input), variant (visual intent of the dialog: 'default', 'destructive', or 'warning'), visible (boolean to control dialog visibility), size (e.g., 'small'), title (dialog title), confirmLabel (label for the confirm button), onConfirm (callback function when confirmed), onCancel (callback function when cancelled), and children (optional body content). Other standard modal props are inherited from the underlying Dialog component.

Text Confirm Dialog usage example

import { useState } from 'react' import { Button } from 'ui' import TextConfirmModal from 'ui-patterns/Dialogs/TextConfirmModal' export default function TextConfirmDialogDemo() { const [visible, setVisible] = useState(false) const bucketName = 'profile-pictures' return ( <> <Button variant="danger" onClick={() => setVisible(true)}> Show Text Confirm Dialog </Button> <TextConfirmModal visible={visible} size="small" variant="destructive" title="Delete bucket" confirmPlaceholder={bucketName} confirmString={bucketName} confirmLabel="Delete bucket" onConfirm={() => setVisible(false)} onCancel={() => setVisible(false)} > {/* Optional body content */} </TextConfirmModal> </> ) }

Storage image transformations pricing - Pro and Team plans

Pro and Team plans include a quota of 100 origin images per billing cycle for storage image transformations. Over-usage is charged at $5 per 1,000 origin images. The count resets at the start of each billing cycle.

Storage image transformations pricing - Enterprise plan

Enterprise plan has custom quota and custom pricing for storage image transformations over-usage.

Storage image transformations billing cycle reset

The quota count for storage image transformations resets at the start of each billing cycle.

Storage pricing rate

Storage is charged at $0.00002919 per GB-hour, or $0.0213 per GB per month. Charges only apply to usage exceeding the subscription plan's quota.

Free plan storage quota

The Free plan includes 1 GB of storage quota and 744 GB-hours quota. There is no overage charge on the Free plan.

Pro plan storage quota

The Pro plan includes 100 GB of storage quota and 74,400 GB-hours quota. Overage usage is charged at $0.0213 per GB or $0.00002919 per GB-hour.

Team plan storage quota

The Team plan includes 100 GB of storage quota and 74,400 GB-hours quota. Overage usage is charged at $0.0213 per GB or $0.00002919 per GB-hour.

Enterprise plan storage quota

The Enterprise plan has custom storage quota, custom overage charges per GB, custom GB-hours quota, and custom overage charges per GB-hour. Specific terms are determined per customer.

Give your agent this brain