From 98191b56c411f4d7679acee33f1185442289fb9d Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Fri, 22 Nov 2024 13:34:18 +0100
Subject: [PATCH 1/6] 3.0.27

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1fe687e..4789c0b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.26",
+  "version": "3.0.27",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "utopia-ui",
-      "version": "3.0.26",
+      "version": "3.0.27",
       "license": "GPL-3.0-only",
       "dependencies": {
         "@heroicons/react": "^2.0.17",
diff --git a/package.json b/package.json
index 57b0144..b7580c6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.26",
+  "version": "3.0.27",
   "description": "Reuseable React Components to build mapping apps for real life communities and networks",
   "repository": "https://github.com/utopia-os/utopia-ui",
   "homepage:": "https://utopia-os.org/",

From e6b09c25b7b39443a447db098ecd36d45b7e0430 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Fri, 22 Nov 2024 14:57:34 +0100
Subject: [PATCH 2/6] 3.0.28

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4789c0b..cb49e4a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.27",
+  "version": "3.0.28",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "utopia-ui",
-      "version": "3.0.27",
+      "version": "3.0.28",
       "license": "GPL-3.0-only",
       "dependencies": {
         "@heroicons/react": "^2.0.17",
diff --git a/package.json b/package.json
index b7580c6..058727c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.27",
+  "version": "3.0.28",
   "description": "Reuseable React Components to build mapping apps for real life communities and networks",
   "repository": "https://github.com/utopia-os/utopia-ui",
   "homepage:": "https://utopia-os.org/",

From c2fc88408bfc30035bcf05128dbe19f9fa62bffc Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Fri, 22 Nov 2024 15:00:57 +0100
Subject: [PATCH 3/6] 3.0.29

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index cb49e4a..d0e77ed 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.28",
+  "version": "3.0.29",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "utopia-ui",
-      "version": "3.0.28",
+      "version": "3.0.29",
       "license": "GPL-3.0-only",
       "dependencies": {
         "@heroicons/react": "^2.0.17",
diff --git a/package.json b/package.json
index 058727c..4ba8bcd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.28",
+  "version": "3.0.29",
   "description": "Reuseable React Components to build mapping apps for real life communities and networks",
   "repository": "https://github.com/utopia-os/utopia-ui",
   "homepage:": "https://utopia-os.org/",

From 6ead89c747d891d4cee883fdca691e0556f83ae3 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Fri, 22 Nov 2024 15:01:20 +0100
Subject: [PATCH 4/6] 3.0.30

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d0e77ed..1203c88 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.29",
+  "version": "3.0.30",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "utopia-ui",
-      "version": "3.0.29",
+      "version": "3.0.30",
       "license": "GPL-3.0-only",
       "dependencies": {
         "@heroicons/react": "^2.0.17",
diff --git a/package.json b/package.json
index 4ba8bcd..dfafb75 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.29",
+  "version": "3.0.30",
   "description": "Reuseable React Components to build mapping apps for real life communities and networks",
   "repository": "https://github.com/utopia-os/utopia-ui",
   "homepage:": "https://utopia-os.org/",

From 5835baa94c4f003de5215e1da4329af597f75faf Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Fri, 22 Nov 2024 16:56:48 +0100
Subject: [PATCH 5/6] markdown hint

---
 .../Profile/Subcomponents/MarkdownHint.tsx    | 34 +++++++++++++++++++
 .../Profile/Subcomponents/ProfileTextForm.tsx | 17 ++++++----
 2 files changed, 45 insertions(+), 6 deletions(-)
 create mode 100644 src/Components/Profile/Subcomponents/MarkdownHint.tsx

diff --git a/src/Components/Profile/Subcomponents/MarkdownHint.tsx b/src/Components/Profile/Subcomponents/MarkdownHint.tsx
new file mode 100644
index 0000000..7045527
--- /dev/null
+++ b/src/Components/Profile/Subcomponents/MarkdownHint.tsx
@@ -0,0 +1,34 @@
+import { useState } from 'react'
+
+export const MarkdownHint = () => {
+  const [expended, setExpended] = useState<boolean>(false)
+  return (
+    <div
+      onClick={() => setExpended(true)}
+      title='Markdown is supported'
+      className='flex tw-flex-row tw-text-gray-400 tw-cursor-pointer'
+    >
+      <svg
+        aria-hidden='true'
+        height='16'
+        viewBox='0 0 16 16'
+        version='1.1'
+        width='16'
+        data-view-component='true'
+        className='octicon octicon-markdown'
+        fill='rgb(156 163 175 / var(--tw-text-opacity))'
+      >
+        <path d='M14.85 3c.63 0 1.15.52 1.14 1.15v7.7c0 .63-.51 1.15-1.15 1.15H1.15C.52 13 0 12.48 0 11.84V4.15C0 3.52.52 3 1.15 3ZM9 11V5H7L5.5 7 4 5H2v6h2V8l1.5 1.92L7 8v3Zm2.99.5L14.5 8H13V5h-2v3H9.5Z'></path>
+      </svg>
+      {expended && (
+        <a
+          href='https://www.markdownguide.org/cheat-sheet/#basic-syntax'
+          target='_blank'
+          rel='noreferrer'
+        >
+          <span className='Button-label tw-ml-1'>Markdown is support</span>{' '}
+        </a>
+      )}
+    </div>
+  )
+}
diff --git a/src/Components/Profile/Subcomponents/ProfileTextForm.tsx b/src/Components/Profile/Subcomponents/ProfileTextForm.tsx
index ccac9c4..364008f 100644
--- a/src/Components/Profile/Subcomponents/ProfileTextForm.tsx
+++ b/src/Components/Profile/Subcomponents/ProfileTextForm.tsx
@@ -8,6 +8,8 @@ import { TextAreaInput } from '#components/Input'
 import { FormState } from '#src/types'
 import { getValue } from '#utils/GetValue'
 
+import { MarkdownHint } from './MarkdownHint'
+
 export const ProfileTextForm = ({
   state,
   setState,
@@ -33,12 +35,15 @@ export const ProfileTextForm = ({
 
   return (
     <div className='tw-h-full tw-flex tw-flex-col tw-mt-4'>
-      <label
-        htmlFor='nextAppointment'
-        className='tw-block tw-text-sm tw-font-medium tw-text-gray-500 tw-mb-1'
-      >
-        {heading || 'Text'}:
-      </label>
+      <div className='tw-flex tw-justify-between tw-items-center'>
+        <label
+          htmlFor='nextAppointment'
+          className='tw-block tw-text-sm tw-font-medium tw-text-gray-500 tw-mb-1'
+        >
+          {heading || 'Text'}:
+        </label>
+        <MarkdownHint />
+      </div>
       <TextAreaInput
         placeholder={'...'}
         defaultValue={getValue(state, field)}

From ae9a15b50c6793da83a60d7151bc806b8a121f79 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Fri, 22 Nov 2024 18:22:27 +0100
Subject: [PATCH 6/6] make icon and text inline

---
 src/Components/Profile/Subcomponents/MarkdownHint.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Components/Profile/Subcomponents/MarkdownHint.tsx b/src/Components/Profile/Subcomponents/MarkdownHint.tsx
index 7045527..1b79bbc 100644
--- a/src/Components/Profile/Subcomponents/MarkdownHint.tsx
+++ b/src/Components/Profile/Subcomponents/MarkdownHint.tsx
@@ -6,7 +6,7 @@ export const MarkdownHint = () => {
     <div
       onClick={() => setExpended(true)}
       title='Markdown is supported'
-      className='flex tw-flex-row tw-text-gray-400 tw-cursor-pointer'
+      className='flex tw-flex-row tw-text-gray-400 tw-cursor-pointer tw-items-center'
     >
       <svg
         aria-hidden='true'