History

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
..
.storybook	chore(storybook): icons to correct folder (#216 )	2024-06-22 17:27:37 -04:00
public	format prettier	2024-05-09 16:18:52 -04:00
src	feat(domains): `DomainCard` and `WebhookCard` styling start (#225 )	2024-06-24 19:22:20 -04:00
.env.example	chore(storybook): icons to correct folder (#216 )	2024-06-22 17:27:37 -04:00
.eslintrc.cjs	storybook	2024-05-09 16:22:03 -04:00
.gitignore	storybook	2024-05-09 16:22:03 -04:00
.node-version	Switch from cra to vite	2024-04-11 21:48:58 -05:00
.prettierignore	Add `dist/` to `.prettierignore` (#195 )	2024-05-22 14:50:37 -04:00
.prettierrc.json	Create react app with tailwind, typescript, eslint and prettier (#4 )	2023-12-08 10:50:55 +05:30
chromatic.config.json	storybook	2024-05-09 16:22:03 -04:00
index.html	Lint using tsc; fix type errors	2024-04-11 21:49:14 -05:00
package.json	[1/n][Storybook] Settings (#72 )	2024-05-16 20:33:33 -04:00
postcss.config.js	Lint using tsc; fix type errors	2024-04-11 21:49:14 -05:00
README.md	fix(readme)	2024-06-24 15:00:45 -04:00
reload-dev.sh	Fix dev script	2024-05-02 15:47:23 -05:00
tailwind.config.js	fix duplicate styling (#67 )	2024-05-16 20:16:31 -04:00
tsconfig.json	resolve aliases	2024-05-14 13:27:23 -04:00
tsconfig.node.json	Switch from cra to vite	2024-04-11 21:48:58 -05:00
vite.config.ts	Log commit hash	2024-06-04 15:56:52 -05:00

README.md

frontend

This is a vite react nextjs project in a yarn workspace.

Getting Started

Install dependencies

In the root of the project, run:

yarn

Build backend

yarn build --ignore frontend

Environment variables

Local

Copy the .env.example file to .env:

cp .env.example .env

Staging environment variables

Change in deployer/deploy-frontend.staging.sh

Production environment variables

Change in deployer/deploy-frontend.sh

Run development server

yarn dev

Deployment

From the root of the project, run:

Staging

cd packages/deployer && ./deploy-frontend.staging.sh

Production

cd packages/deployer && ./deploy-frontend.sh

Deployment status

Check the status of the deployment here