From 9d434905e559c0d1114a1f75f894136cf3ce4119 Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Sun, 19 May 2024 16:52:48 +0200
Subject: [PATCH] UPD: UPPERCASE PROFILE NAMES

---
 src/renderer/src/components/profile/ProfileButton.vue   | 8 ++++----
 src/renderer/src/components/profile/ProfileCategory.vue | 2 +-
 src/renderer/src/randomName.ts                          | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/components/profile/ProfileButton.vue b/src/renderer/src/components/profile/ProfileButton.vue
index 3344377..c975485 100644
--- a/src/renderer/src/components/profile/ProfileButton.vue
+++ b/src/renderer/src/components/profile/ProfileButton.vue
@@ -13,7 +13,7 @@
       :class="{ 'bg-zinc-300': selected }"
       @submit.prevent="
         () => {
-          $emit('rename', profile.name, nameInput)
+          $emit('rename', profile.name, nameInput.toUpperCase())
           editing = false
         }
       "
@@ -23,7 +23,7 @@
         v-model="nameInput"
         onfocus="this.select()"
         :placeholder="$t('profiles.name_placeholder')"
-        class="h-full min-w-0 flex-1 rounded-lg bg-transparent pl-8 text-sm transition-all focus-visible:outline-none focus-visible:ring-0"
+        class="h-full min-w-0 flex-1 rounded-lg bg-transparent pl-8 text-sm uppercase transition-all focus-visible:outline-none focus-visible:ring-0"
         :class="{
           'bg-zinc-300 font-semibold text-black hover:bg-zinc-200': selected,
           'text-muted-foreground hover:bg-zinc-800': !selected
@@ -61,7 +61,7 @@
       </span>
       <ScrambleText
         ref="profileTitle"
-        class="transition-colors"
+        class="uppercase transition-colors"
         :class="{ 'text-black': selected, 'text-muted-foreground': !selected }"
         :text="profile.name"
       />
@@ -146,7 +146,7 @@ const props = defineProps({
     type: Object,
     default: () => ({
       id: '1234',
-      name: 'Profile Name'
+      name: 'PROFILE NAME'
     }),
     required: true
   },
diff --git a/src/renderer/src/components/profile/ProfileCategory.vue b/src/renderer/src/components/profile/ProfileCategory.vue
index 08933f8..3d23560 100644
--- a/src/renderer/src/components/profile/ProfileCategory.vue
+++ b/src/renderer/src/components/profile/ProfileCategory.vue
@@ -8,7 +8,7 @@
         <ChevronRight
           class="mb-0.5 ml-4 inline-block size-4 shrink-0 transition-transform group-data-[state='open']:rotate-90"
         />
-        {{ categoryName ? categoryName : 'Uncategorized'
+        {{ categoryName ? categoryName.toUpperCase() : 'UNCATEGORIZED'
         }}<span class="font-heading text-sm text-zinc-600">
           ({{ deviceStore.profilesByTag[categoryName].length || 0 }})</span
         >
diff --git a/src/renderer/src/randomName.ts b/src/renderer/src/randomName.ts
index f518e16..ebbd551 100644
--- a/src/renderer/src/randomName.ts
+++ b/src/renderer/src/randomName.ts
@@ -45,5 +45,5 @@ const secondParts = [
 export const randomName = () => {
   const first = firstParts[Math.floor(Math.random() * firstParts.length)]
   const second = secondParts[Math.floor(Math.random() * secondParts.length)]
-  return `${first} ${second}`
+  return `${first} ${second}`.toUpperCase()
 }