From 31de2bb84cf0acb99cbd340c7bbc74fd52036bef Mon Sep 17 00:00:00 2001
From: Robert Kossessa <github@kosro.de>
Date: Mon, 5 Feb 2024 01:02:46 +0100
Subject: [PATCH] ADD: Profile config text inputs

---
 src/components/profile/ProfileConfig.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/profile/ProfileConfig.vue b/src/components/profile/ProfileConfig.vue
index eff5323..23fa718 100644
--- a/src/components/profile/ProfileConfig.vue
+++ b/src/components/profile/ProfileConfig.vue
@@ -1,6 +1,13 @@
 <template>
   <ConfigSection :title="$t('config_options.profile_settings.profile_properties.title')" :icon-component="Type">
-    <WIP />
+    <div class="px-8 my-4">
+      <span class="text-sm text-muted-foreground font-mono">Title</span>
+      <Input class="font-pixelsm mt-2 uppercase" default-value="Title text" />
+    </div>
+    <div class="px-8 my-4">
+      <span class="text-sm text-muted-foreground font-mono">Description</span>
+      <Textarea class="font-pixelsm mt-2 uppercase" default-value="Descriptive description describing the profile" />
+    </div>
   </ConfigSection>
   <ConfigSection
     v-if="false" :title="$t('config_options.profile_settings.connection_type.title')"
@@ -34,6 +41,8 @@ import MidiIcon from '@/assets/logos/logoMidi.svg'
 import { Badge } from '@/components/ui/badge'
 import WIP from '@/components/WIP.vue'
 import TabSelect from '@/components/common/TabSelect.vue'
+import { Input } from '@/components/ui/input'
+import { Textarea } from '@/components/ui/textarea'
 
 const connectionType = ref('usb') // TODO: replace with actual value