From c0dce08e19cb2f965ba6700627db7cf4203df511 Mon Sep 17 00:00:00 2001
From: Matthias de Baat <matthias.debaat@nabucasa.com>
Date: Wed, 23 Mar 2022 04:51:35 +0100
Subject: [PATCH] Create user types page and rename the category (#12089)

Co-authored-by: Zack Barett <zackbarett@hey.com>
Co-authored-by: Paulus Schoutsen <balloob@gmail.com>
---
 gallery/sidebar.js                              |  5 +++--
 gallery/src/ha-gallery.ts                       |  4 ++++
 gallery/src/pages/user-test/user-types.markdown | 17 +++++++++++++++++
 3 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 gallery/src/pages/user-test/user-types.markdown

diff --git a/gallery/sidebar.js b/gallery/sidebar.js
index d98d361224..14a8d38fe8 100644
--- a/gallery/sidebar.js
+++ b/gallery/sidebar.js
@@ -42,10 +42,11 @@ module.exports = [
   },
   {
     category: "user-test",
-    header: "User Tests",
+    header: "Users",
+    pages: ["user-types", "configuration-menu"],
   },
   {
     category: "design.home-assistant.io",
-    header: "Design Documentation",
+    header: "About",
   },
 ];
diff --git a/gallery/src/ha-gallery.ts b/gallery/src/ha-gallery.ts
index e602a1916d..4f22bac519 100644
--- a/gallery/src/ha-gallery.ts
+++ b/gallery/src/ha-gallery.ts
@@ -45,6 +45,10 @@ class HaGallery extends LitElement {
       for (const page of group.pages!) {
         const key = `${group.category}/${page}`;
         const active = this._page === key;
+        if (!(key in PAGES)) {
+          console.error("Undefined page referenced in sidebar.js:", key);
+          continue;
+        }
         const title = PAGES[key].metadata.title || page;
         links.push(html`
           <a ?active=${active} href=${`#${group.category}/${page}`}>${title}</a>
diff --git a/gallery/src/pages/user-test/user-types.markdown b/gallery/src/pages/user-test/user-types.markdown
new file mode 100644
index 0000000000..eacc108cd4
--- /dev/null
+++ b/gallery/src/pages/user-test/user-types.markdown
@@ -0,0 +1,17 @@
+---
+title: "User types"
+---
+
+We have defined three user types for Home Assistant. They are a lean segmentation of users that helps us make decisions throughout the product. User types differ from traditional personas in that the segmentation criteria aren’t demographic and don’t personify a group into a single character with a fictitious background story. 
+
+# Outgrowers
+
+Users that outgrow big tech smart home solutions. It just needs to work with easy setup via an app.
+
+# Tinkerers
+
+Technoid users in home networking and development that know how to code.
+
+# Questioner
+
+Users who want more advanced home automation, but need support to make it work.