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

---
 .../Profile/Subcomponents/MarkdownHint.tsx    | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)
 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 00000000..1b79bbc3
--- /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 tw-items-center'
+    >
+      <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>
+  )
+}

From 3856446302a20b67934bc229c61d14e97e581495 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Fri, 22 Nov 2024 18:39:33 +0100
Subject: [PATCH 2/4] 3.0.31

---
 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 1203c88e..a69a1d37 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.30",
+  "version": "3.0.31",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "utopia-ui",
-      "version": "3.0.30",
+      "version": "3.0.31",
       "license": "GPL-3.0-only",
       "dependencies": {
         "@heroicons/react": "^2.0.17",
diff --git a/package.json b/package.json
index dfafb75e..bc8be6bb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.30",
+  "version": "3.0.31",
   "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 3ed67d71420f81bc507166eae14b54b039d5e925 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Sun, 24 Nov 2024 10:55:04 +0100
Subject: [PATCH 3/4] 3.0.32

---
 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 a69a1d37..2d00810e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.31",
+  "version": "3.0.32",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "utopia-ui",
-      "version": "3.0.31",
+      "version": "3.0.32",
       "license": "GPL-3.0-only",
       "dependencies": {
         "@heroicons/react": "^2.0.17",
diff --git a/package.json b/package.json
index bc8be6bb..bbee43df 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.31",
+  "version": "3.0.32",
   "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 3014cf682fe97c70f3b1cbaa63e765b56b0b2667 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Fri, 29 Nov 2024 18:05:26 +0100
Subject: [PATCH 4/4] option to make textarea input required or optional

---
 src/Components/Input/TextAreaInput.tsx                   | 4 +++-
 src/Components/Profile/Subcomponents/ProfileTextForm.tsx | 3 +++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/Components/Input/TextAreaInput.tsx b/src/Components/Input/TextAreaInput.tsx
index 91642f0e..3369e792 100644
--- a/src/Components/Input/TextAreaInput.tsx
+++ b/src/Components/Input/TextAreaInput.tsx
@@ -15,6 +15,7 @@ type TextAreaProps = {
   inputStyle?: string
   defaultValue: string
   placeholder?: string
+  required?: boolean
   updateFormValue?: (value: string) => void
 }
 
@@ -30,6 +31,7 @@ export function TextAreaInput({
   inputStyle,
   defaultValue,
   placeholder,
+  required = true,
   updateFormValue,
 }: TextAreaProps) {
   const ref = useRef<HTMLTextAreaElement>(null)
@@ -90,7 +92,7 @@ export function TextAreaInput({
         </label>
       ) : null}
       <textarea
-        required
+        required={required}
         ref={ref}
         value={inputValue}
         name={dataField}
diff --git a/src/Components/Profile/Subcomponents/ProfileTextForm.tsx b/src/Components/Profile/Subcomponents/ProfileTextForm.tsx
index 9509d92f..1d72a3b3 100644
--- a/src/Components/Profile/Subcomponents/ProfileTextForm.tsx
+++ b/src/Components/Profile/Subcomponents/ProfileTextForm.tsx
@@ -18,6 +18,7 @@ export const ProfileTextForm = ({
   heading,
   size,
   hideInputLabel,
+  required,
 }: {
   state: FormState
   setState: React.Dispatch<React.SetStateAction<any>>
@@ -25,6 +26,7 @@ export const ProfileTextForm = ({
   heading: string
   size: string
   hideInputLabel: boolean
+  required?: boolean
 }) => {
   const [field, setField] = useState<string>(dataField || 'text')
 
@@ -57,6 +59,7 @@ export const ProfileTextForm = ({
         labelStyle={hideInputLabel ? 'tw-hidden' : ''}
         containerStyle={size === 'full' ? 'tw-grow tw-h-full' : ''}
         inputStyle={size === 'full' ? 'tw-h-full' : 'tw-h-24'}
+        required={required}
       />
     </div>
   )