From 8f3f8c1d9a861c8ada5b71b42f66ce8099731bfb Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Tue, 2 Dec 2025 10:49:03 +0800
Subject: [PATCH] add under construction empty state

---
 next-ui/src/components.d.ts                   |  1 +
 .../src/components/EmptyStateConstruction.vue | 22 +++++++++++++++++++
 next-ui/src/pages/account/ui.vue              |  2 +-
 next-ui/src/pages/media/analysis.vue          |  2 +-
 next-ui/src/pages/media/duplicate-files.vue   |  2 +-
 next-ui/src/pages/media/missing-posters.vue   |  2 +-
 next-ui/src/pages/server/metrics.vue          |  2 +-
 next-ui/src/pages/server/ui.vue               |  2 +-
 8 files changed, 29 insertions(+), 6 deletions(-)
 create mode 100644 next-ui/src/components/EmptyStateConstruction.vue

diff --git a/next-ui/src/components.d.ts b/next-ui/src/components.d.ts
index c7895097e..c8d1797bb 100644
--- a/next-ui/src/components.d.ts
+++ b/next-ui/src/components.d.ts
@@ -28,6 +28,7 @@ declare module 'vue' {
     DialogSeriesPicker: typeof import('./components/dialog/SeriesPicker.vue')['default']
     DialogSimple: typeof import('./components/dialog/DialogSimple.vue')['default']
     DialogSimpleInstance: typeof import('./components/dialog/DialogSimpleInstance.vue')['default']
+    EmptyStateConstruction: typeof import('./components/EmptyStateConstruction.vue')['default']
     EmptyStateNetworkError: typeof import('./components/EmptyStateNetworkError.vue')['default']
     FormattedMessage: typeof import('./components/FormattedMessage.ts')['default']
     HelloWorld: typeof import('./components/HelloWorld.vue')['default']
diff --git a/next-ui/src/components/EmptyStateConstruction.vue b/next-ui/src/components/EmptyStateConstruction.vue
new file mode 100644
index 000000000..72afb141b
--- /dev/null
+++ b/next-ui/src/components/EmptyStateConstruction.vue
@@ -0,0 +1,22 @@
+<template>
+  <v-empty-state
+    icon="i-mdi:construction"
+    color="warning"
+    :title="
+      $formatMessage({
+        description: 'Under construction empty state: title',
+        defaultMessage: 'Under construction',
+        id: 'b4J0RU',
+      })
+    "
+    :text="
+      $formatMessage({
+        description: 'Under construction empty state: text',
+        defaultMessage: 'This page is under construction.',
+        id: 'RR+XGR',
+      })
+    "
+  />
+</template>
+
+<script setup lang="ts"></script>
diff --git a/next-ui/src/pages/account/ui.vue b/next-ui/src/pages/account/ui.vue
index f64cf8046..28217ebde 100644
--- a/next-ui/src/pages/account/ui.vue
+++ b/next-ui/src/pages/account/ui.vue
@@ -1,5 +1,5 @@
 <template>
-  <h1>UI</h1>
+  <EmptyStateConstruction />
 </template>
 
 <script lang="ts" setup>
diff --git a/next-ui/src/pages/media/analysis.vue b/next-ui/src/pages/media/analysis.vue
index 8210b0cde..c182ab90a 100644
--- a/next-ui/src/pages/media/analysis.vue
+++ b/next-ui/src/pages/media/analysis.vue
@@ -1,5 +1,5 @@
 <template>
-  <h1>Media Analysis</h1>
+  <EmptyStateConstruction />
 </template>
 
 <script lang="ts" setup>
diff --git a/next-ui/src/pages/media/duplicate-files.vue b/next-ui/src/pages/media/duplicate-files.vue
index d2e45ee99..c182ab90a 100644
--- a/next-ui/src/pages/media/duplicate-files.vue
+++ b/next-ui/src/pages/media/duplicate-files.vue
@@ -1,5 +1,5 @@
 <template>
-  <h1>Duplicate Files</h1>
+  <EmptyStateConstruction />
 </template>
 
 <script lang="ts" setup>
diff --git a/next-ui/src/pages/media/missing-posters.vue b/next-ui/src/pages/media/missing-posters.vue
index 8faa176db..c182ab90a 100644
--- a/next-ui/src/pages/media/missing-posters.vue
+++ b/next-ui/src/pages/media/missing-posters.vue
@@ -1,5 +1,5 @@
 <template>
-  <h1>Missing Posters</h1>
+  <EmptyStateConstruction />
 </template>
 
 <script lang="ts" setup>
diff --git a/next-ui/src/pages/server/metrics.vue b/next-ui/src/pages/server/metrics.vue
index eeb300896..c182ab90a 100644
--- a/next-ui/src/pages/server/metrics.vue
+++ b/next-ui/src/pages/server/metrics.vue
@@ -1,5 +1,5 @@
 <template>
-  <h1>Metrics</h1>
+  <EmptyStateConstruction />
 </template>
 
 <script lang="ts" setup>
diff --git a/next-ui/src/pages/server/ui.vue b/next-ui/src/pages/server/ui.vue
index a257db412..c182ab90a 100644
--- a/next-ui/src/pages/server/ui.vue
+++ b/next-ui/src/pages/server/ui.vue
@@ -1,5 +1,5 @@
 <template>
-  <h1>UI</h1>
+  <EmptyStateConstruction />
 </template>
 
 <script lang="ts" setup>