From 53aaa57b2bffaec445d4727a03d8047e00dccf28 Mon Sep 17 00:00:00 2001
From: Thomas Schallert <thomas.schallert@fhnw.ch>
Date: Tue, 14 Mar 2023 06:50:29 +0100
Subject: [PATCH] fix: add props for user

---
 .../components/form/TextBox.tsx                 | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/packages/design-system-component-library-yeahyeahyeah/components/form/TextBox.tsx b/packages/design-system-component-library-yeahyeahyeah/components/form/TextBox.tsx
index 9254b44..1797d7b 100644
--- a/packages/design-system-component-library-yeahyeahyeah/components/form/TextBox.tsx
+++ b/packages/design-system-component-library-yeahyeahyeah/components/form/TextBox.tsx
@@ -10,7 +10,7 @@ import { IconLink } from '../link/IconLink';
 import Link from 'next/link';
 
 export interface ITextBoxProps {
-  user?: Pick<UserProps, 'label' | 'avatar'>;
+  user?: Pick<UserProps, 'label' | 'avatar'> & { username: string; href: string };
   form: Pick<IFormInputProps, 'name' | 'placeholder' | 'errorMessage'>;
   inputValue: string;
   setInputValue: React.Dispatch<React.SetStateAction<string>>;
@@ -27,11 +27,8 @@ export const TextBox: React.FC<ITextBoxProps> = ({
   startParagraph = 'Schreib deinen ersten Mumble, oder folge einem User',
   user = {
     label: 'Display Name',
-    username: {
-      label: 'Username',
-      href: '#',
-      type: 'username',
-    },
+    username: 'Username',
+    href: '/',
     avatar: {
       src: 'https://media.giphy.com/media/cfuL5gqFDreXxkWQ4o/giphy.gif',
       alt: 'Alter Tag',
@@ -85,10 +82,10 @@ export const TextBox: React.FC<ITextBoxProps> = ({
           {variant === 'write' && (
             <User avatar={user.avatar} label={user.label} variant="write">
               <IconLink
-                label="User"
+                label={user.username}
                 type="username"
                 color="violet"
-                href="/profilepage"
+                href={user.href}
                 legacyBehavior
                 passHref
                 linkComponent={Link}
@@ -98,10 +95,10 @@ export const TextBox: React.FC<ITextBoxProps> = ({
           {variant === 'inline' && (
             <User avatar={user.avatar} label={user.label} variant="inline">
               <IconLink
-                label="User"
+                label={user.username}
                 type="username"
                 color="violet"
-                href="/profilepage"
+                href={user.href}
                 legacyBehavior
                 passHref
                 linkComponent={Link}