snowballtools-base/packages/frontend/src/stories
Vivian Phung 9a1c0e8338
feat(domains): DomainCard and WebhookCard styling start (#225)
### TL;DR

Refactored the `DomainCard`, `EditDomainDialog`, and `WebhookCard` components to improve code readability and enhance UI using new shared components like `Tag`, `Heading`, `Button`, and `CustomIcon`.

### What changed?

- `DomainCard` component:
  - Replaced `Chip` with `Tag` component.
  - Used `Heading`, `Button`, and `CustomIcon` components.
  - Updated refresh icon to show `LoadingIcon` when checking.
- `EditDomainDialog` component:
  - Used `useToast` hook for toast messages.
- `WebhookCard` component:
  - Used `Input`, `Button`, and `CustomIcon` components for better UI.
- Added Storybook stories for the updated components.

### How to test?

1. Go to the project settings page.
2. Verify the `DomainCard` UI updates.
3. Edit a domain and check the toasts.
4. Verify the `WebhookCard` UI and functionality.
5. Run Storybook and inspect the added stories for the components.

### Why make this change?

To improve the consistency and user experience of the project settings UI, and to make the components more maintainable by using shared components.

---
2024-06-24 19:22:20 -04:00
..
assets storybook 2024-05-09 16:22:03 -04:00
Components fix(ProjectSearchBarDialog): getMenuProps error (#221) 2024-06-24 18:48:32 -04:00
Pages/Auth [21/n][Storybook] AuthPage 2024-05-14 23:31:51 +00:00
Project/Settings feat(domains): DomainCard and WebhookCard styling start (#225) 2024-06-24 19:22:20 -04:00
MockStoriesData.ts feat(domains): DomainCard and WebhookCard styling start (#225) 2024-06-24 19:22:20 -04:00