Float notification auto close

[quietbits]

Setting a "close at" time on every notification is a performant way to handle auto-closing. It won't cause any extra re-renders, because the store doesn't change when we check notification data.

We set an expiration date on every notification for flexibility. We could have used a flag and set the same duration for all, but this approach will be harder to customize later if we need it.

Usage

const { addFloatNotification } = useStore();

addFloatNotification({
  id,
  title,
  description,
  type: "success",
  // Close after 3 seconds
  closeAt: Date.now() + 3000,
});

[stellar-jenkins]

Preview is available here:
http://laboratory-pr1669.previews.kube001.services.stellar-ops.com/

[stellar-jenkins]

Preview is available here:
http://laboratory-pr1669.previews.kube001.services.stellar-ops.com/

[stellar-jenkins]

Preview is available here:
http://laboratory-pr1669.previews.kube001.services.stellar-ops.com/

[stellar-jenkins]

Preview is available here:
http://laboratory-pr1669.previews.kube001.services.stellar-ops.com/