diff --git a/.github/workflows/develop-deploy.yml b/.github/workflows/develop-deploy.yml
index 517cc2f28..a257c0049 100644
--- a/.github/workflows/develop-deploy.yml
+++ b/.github/workflows/develop-deploy.yml
@@ -14,7 +14,7 @@ jobs:
- name: Setup Node.js
uses: actions/setup-node@v4
with:
- node-version: '18'
+ node-version: '20'
cache: 'npm'
- name: Install dependencies
@@ -28,4 +28,5 @@ jobs:
with:
repoToken: '${{ secrets.GITHUB_TOKEN }}'
firebaseServiceAccount: '${{ secrets.DEV_DEPLOY_CREDENTIALS }}'
- projectId: zard-dev
\ No newline at end of file
+ projectId: '${{ secrets.FIREBASE_DEV_ID }}'
+ channelId: live
diff --git a/.github/workflows/production-deploy.yml b/.github/workflows/production-deploy.yml
index 8518028ee..8bdf1cd7f 100644
--- a/.github/workflows/production-deploy.yml
+++ b/.github/workflows/production-deploy.yml
@@ -9,7 +9,13 @@ jobs:
runs-on: ubuntu-latest
steps:
- name: Checkout Repo
- uses: actions/checkout@master
+ uses: actions/checkout@v4
+
+ - name: Setup Node.js
+ uses: actions/setup-node@v4
+ with:
+ node-version: '20'
+ cache: 'npm'
- name: Install dependencies
run: npm install
@@ -18,10 +24,11 @@ jobs:
run: npm run build
- name: Deploy to Firebase
- uses: w9jds/firebase-action@master
+ uses: FirebaseExtended/action-hosting-deploy@v0
with:
- args: deploy --only hosting --project=zard-6fc39
- env:
- FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}
+ repoToken: '${{ secrets.GITHUB_TOKEN }}'
+ firebaseServiceAccount: '${{ secrets.PROD_DEPLOY_CREDENTIALS }}'
+ projectId: '${{ secrets.FIREBASE_PROD_ID }}'
+ channelId: live
\ No newline at end of file
diff --git a/apps/web/public/components/badge/doc/overview.md b/apps/web/public/components/badge/doc/overview.md
index 5f8b2d6a4..9affe2b2a 100644
--- a/apps/web/public/components/badge/doc/overview.md
+++ b/apps/web/public/components/badge/doc/overview.md
@@ -1,7 +1,3 @@
# Badge
The Badge is a visual element used to highlight important information. It can be used to display statuses, notifications, or labels.
-
-```ts
-import { ZardBadgeComponent } from '@zard/badge';
-```
diff --git a/apps/web/public/components/breadcrumb/demo/custom-separator.ts b/apps/web/public/components/breadcrumb/demo/custom-separator.ts
index d3f4758f3..9711d4433 100644
--- a/apps/web/public/components/breadcrumb/demo/custom-separator.ts
+++ b/apps/web/public/components/breadcrumb/demo/custom-separator.ts
@@ -25,10 +25,6 @@ import { ZardBreadcrumbModule } from '../breadcrumb.module';
-
-
-
-
`,
})
export class ZardDemoBreadcrumbCustomSeparatorComponent {}
diff --git a/apps/web/public/components/button/doc/overview.md b/apps/web/public/components/button/doc/overview.md
index 19843676b..db7b49951 100644
--- a/apps/web/public/components/button/doc/overview.md
+++ b/apps/web/public/components/button/doc/overview.md
@@ -1,7 +1,3 @@
# Button
The Button allows users to make a choice with a click or tap. Its container can include just text or a combination of text with an icon.
-
-```ts
-import { ZardButtonComponent } from '@zard/button';
-```
diff --git a/apps/web/public/components/card/doc/overview.md b/apps/web/public/components/card/doc/overview.md
index 926f06d80..3eada19ed 100644
--- a/apps/web/public/components/card/doc/overview.md
+++ b/apps/web/public/components/card/doc/overview.md
@@ -1,7 +1,3 @@
# Card
The Card component is used to display content and actions related to a single subject. It provides a structured layout with a title, description, and customizable styling.
-
-```ts
-import { ZardCardComponent } from '@zard/card';
-```
diff --git a/apps/web/public/components/checkbox/doc/overview.md b/apps/web/public/components/checkbox/doc/overview.md
index 9bc98594b..a92203cc3 100644
--- a/apps/web/public/components/checkbox/doc/overview.md
+++ b/apps/web/public/components/checkbox/doc/overview.md
@@ -1,7 +1,3 @@
# Checkbox
A control that allows the user to toggle between checked and not checked.
-
-```ts
-import { ZardCheckboxComponent } from '@zard/checkbox';
-```
diff --git a/apps/web/public/components/input/doc/overview.md b/apps/web/public/components/input/doc/overview.md
index 52b6d26c5..3cc739553 100644
--- a/apps/web/public/components/input/doc/overview.md
+++ b/apps/web/public/components/input/doc/overview.md
@@ -1,7 +1,3 @@
# Input
The `ZardInputDirective` provides a customizable text input field. It leverages a variant system to offer different styles and behaviors, ensuring seamless integration with various designs and workflows.
-
-```ts
-import { ZardInputDirective } from '@zard/input';
-```
diff --git a/apps/web/public/icons/whatsapp.svg b/apps/web/public/icons/whatsapp.svg
new file mode 100644
index 000000000..8869125db
--- /dev/null
+++ b/apps/web/public/icons/whatsapp.svg
@@ -0,0 +1,3 @@
+
diff --git a/apps/web/src/app/shared/constants/components.constant.ts b/apps/web/src/app/shared/constants/components.constant.ts
index 0765262c2..1f976b149 100644
--- a/apps/web/src/app/shared/constants/components.constant.ts
+++ b/apps/web/src/app/shared/constants/components.constant.ts
@@ -32,15 +32,14 @@ export interface ExampleData {
}
export const COMPONENTS: ComponentData[] = [
- ACCORDION,
ALERT,
+ ACCORDION,
AVATAR,
BADGE,
- BREADCRUMB,
BUTTON,
+ BREADCRUMB,
CARD,
CHECKBOX,
- DIALOG,
DIVIDER,
DROPDOWN,
INPUT,
@@ -50,4 +49,4 @@ export const COMPONENTS: ComponentData[] = [
SWITCH,
TABS,
TOOLTIP,
-];
\ No newline at end of file
+];
diff --git a/apps/web/src/app/shared/constants/medias.constant.ts b/apps/web/src/app/shared/constants/medias.constant.ts
index abcee1a5e..ed41f121a 100644
--- a/apps/web/src/app/shared/constants/medias.constant.ts
+++ b/apps/web/src/app/shared/constants/medias.constant.ts
@@ -5,15 +5,21 @@ export const SOCIAL_MEDIAS = [
icon: 'icons/github.svg',
iconAlt: 'github icon',
},
+ {
+ name: 'Whatsapp',
+ url: 'https://chat.whatsapp.com/Dctdh6Huhvm24OX6js5XKT',
+ icon: 'icons/whatsapp.svg',
+ iconAlt: 'whatsapp icon',
+ },
{
name: 'Discord',
- url: 'https://discord.com/invite/xEXvCXNw',
+ url: 'https://discord.com/invite/yP8Uj9rAX9',
icon: 'icons/discord.svg',
iconAlt: 'discord icon',
},
{
name: 'X',
- url: '#',
+ url: 'https://x.com/zard_ui',
icon: 'icons/twitter.svg',
iconAlt: 'X icon',
},