Files

T

Vivian Phung 44015d5451 feat(ui): loading spinner on project creation (#219 )

### TL;DR
This pull request adds a loading icon to the 'Deploy' button in the project template creation form.

### What changed?
- Imported `LoadingIcon` from `components/shared/CustomIcon`.
- Modified the `Button` component to conditionally display the `LoadingIcon` when `isLoading` is `true`. The icon will animate by spinning.

### How to test?
1. Navigate to the project template creation form.
2. Fill in the required fields.
3. Click the 'Deploy' button.
4. Ensure the loading icon appears and spins when the button is disabled (when `isLoading` is `true`).

### Why make this change?
This change provides visual feedback to users, indicating that their action is being processed, thereby enhancing user experience.

---

2024-06-24 18:41:31 -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(ui): loading spinner on project creation (#219 )

2024-06-24 18:41:31 -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