diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 00000000..9c243a03
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+ // Use IntelliSense to learn about possible attributes.
+ // Hover to view descriptions of existing attributes.
+ // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+ "version": "0.2.0",
+ "configurations": [
+ {
+ "type": "chrome",
+ "request": "launch",
+ "name": "Launch Chrome against localhost",
+ "url": "http://localhost:3000",
+ "webRoot": "${workspaceFolder}"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index 9dc0e298..848a0a2f 100644
--- a/README.md
+++ b/README.md
@@ -95,3 +95,24 @@ The basic git workflow follows these steps:
- Example: `feat: add new feature`
4. Push your changes to `dev`
5. Create a pull request from `dev` to `main`
+ini yang pakai reka tadi (kemajuan wkwkw)
+{
+ "$schema": "https://shadcn-vue.com/schema.json",
+ "style": "new-york",
+ "typescript": true,
+ "tailwind": {
+ "config": "",
+ "css": "app/assets/css/tailwind.css",
+ "baseColor": "neutral",
+ "cssVariables": true,
+ "prefix": ""
+ },
+ "aliases": {
+ "components": "~/components/pub",
+ "composables": "~/composables",
+ "utils": "~/lib/utils",
+ "ui": "~/components/pub/ui",
+ "lib": "~/lib"
+ },
+ "iconLibrary": "lucide"
+}
diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index eb54a75e..1c7eaef2 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -21,9 +21,9 @@
--muted: 210 25% 95%;
--muted-foreground: 210 15% 50%;
- /* Accent - Professional Blue */
- --accent: 210 100% 50%;
- --accent-foreground: 0 0% 100%;
+ /* Accent - Neutral Gray */
+ --accent: 210 40% 96%;
+ --accent-foreground: 222.2 84% 4.9%;
--destructive: 0 75% 55%;
--destructive-foreground: 0 0% 100%;
--border: 210 20% 88%;
@@ -67,45 +67,43 @@
--sidebar-accent-foreground: 240 5.9% 10%;
--sidebar-border: 220 13% 91%;
--sidebar-ring: 217.2 91.2% 59.8%;
+ /* .dark { */
+ /* --background: 210 25% 8%; */
+ /* --foreground: 210 20% 95%; */
+ /* --card: 210 25% 10%; */
+ /* --card-foreground: 210 20% 95%; */
+ /* --popover: 210 25% 10%; */
+ /* --popover-foreground: 210 20% 95%; */
+ /* --primary: 150 75% 45%; */
+ /* --primary-foreground: 0 0% 100%; */
+ /* --primary-hover: 150 75% 50%; */
+ /* --secondary: 210 25% 15%; */
+ /* --secondary-foreground: 210 20% 90%; */
+ /* --muted: 210 25% 15%; */
+ /* --muted-foreground: 210 15% 65%; */
+ /* --accent: 210 100% 55%; */
+ /* --accent-foreground: 0 0% 100%; */
+ /* --destructive: 0 75% 60%; */
+ /* --destructive-foreground: 0 0% 100%; */
+ /* --border: 210 25% 20%; */
+ /* --input: 210 25% 15%; */
+ /* --ring: 150 75% 45%; */
+ /* --success: 150 75% 50%; */
+ /* --warning: 45 95% 65%; */
+ /* --info: 210 100% 60%; */
+ /* --gradient-primary: linear-gradient(135deg, hsl(150 75% 45%), hsl(150 75% 55%)); */
+ /* --gradient-medical: linear-gradient(135deg, hsl(150 75% 45%), hsl(210 100% 55%)); */
+ /* --gradient-subtle: linear-gradient(180deg, hsl(210 25% 8%), hsl(210 25% 12%)); */
+ /* --sidebar-background: 240 5.9% 10%; */
+ /* --sidebar-foreground: 240 4.8% 95.9%; */
+ /* --sidebar-primary: 224.3 76.3% 48%; */
+ /* --sidebar-primary-foreground: 0 0% 100%; */
+ /* --sidebar-accent: 240 3.7% 15.9%; */
+ /* --sidebar-accent-foreground: 240 4.8% 95.9%; */
+ /* --sidebar-border: 240 3.7% 15.9%; */
+ /* --sidebar-ring: 217.2 91.2% 59.8%; */
}
-/* .dark { */
-/* --background: 210 25% 8%; */
-/* --foreground: 210 20% 95%; */
-/* --card: 210 25% 10%; */
-/* --card-foreground: 210 20% 95%; */
-/* --popover: 210 25% 10%; */
-/* --popover-foreground: 210 20% 95%; */
-/* --primary: 150 75% 45%; */
-/* --primary-foreground: 0 0% 100%; */
-/* --primary-hover: 150 75% 50%; */
-/* --secondary: 210 25% 15%; */
-/* --secondary-foreground: 210 20% 90%; */
-/* --muted: 210 25% 15%; */
-/* --muted-foreground: 210 15% 65%; */
-/* --accent: 210 100% 55%; */
-/* --accent-foreground: 0 0% 100%; */
-/* --destructive: 0 75% 60%; */
-/* --destructive-foreground: 0 0% 100%; */
-/* --border: 210 25% 20%; */
-/* --input: 210 25% 15%; */
-/* --ring: 150 75% 45%; */
-/* --success: 150 75% 50%; */
-/* --warning: 45 95% 65%; */
-/* --info: 210 100% 60%; */
-/* --gradient-primary: linear-gradient(135deg, hsl(150 75% 45%), hsl(150 75% 55%)); */
-/* --gradient-medical: linear-gradient(135deg, hsl(150 75% 45%), hsl(210 100% 55%)); */
-/* --gradient-subtle: linear-gradient(180deg, hsl(210 25% 8%), hsl(210 25% 12%)); */
-/* --sidebar-background: 240 5.9% 10%; */
-/* --sidebar-foreground: 240 4.8% 95.9%; */
-/* --sidebar-primary: 224.3 76.3% 48%; */
-/* --sidebar-primary-foreground: 0 0% 100%; */
-/* --sidebar-accent: 240 3.7% 15.9%; */
-/* --sidebar-accent-foreground: 240 4.8% 95.9%; */
-/* --sidebar-border: 240 3.7% 15.9%; */
-/* --sidebar-ring: 217.2 91.2% 59.8%; */
-/* } */
-
/* Keyframes for Animations */
@keyframes accordion-down {
from {
diff --git a/app/components/app/satusehat/picker.vue b/app/components/app/satusehat/picker.vue
index 3ffaf77f..29f282d7 100644
--- a/app/components/app/satusehat/picker.vue
+++ b/app/components/app/satusehat/picker.vue
@@ -1,260 +1,51 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{
- formatter.fullMonthAndYear(
- toDate(firstMonth.value),
- )
- }}
-
-
-
-
-
-
-
- {{ day }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{
- formatter.fullMonthAndYear(
- toDate(secondMonth.value),
- )
- }}
-
-
-
-
-
-
-
- {{ day }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+ Pick a date
+
+
+
+
+ value.start = startDate" />
+
+
diff --git a/app/components/flow/satusehat/list.vue b/app/components/flow/satusehat/list.vue
index 48a4a775..249faa2d 100644
--- a/app/components/flow/satusehat/list.vue
+++ b/app/components/flow/satusehat/list.vue
@@ -125,6 +125,7 @@ const activeTabFilter = computed({
+