From 1f442418f8abbcea4253ee612ef6a97145d242a6 Mon Sep 17 00:00:00 2001
From: aeschi <anna.eschenbacher@icloud.com>
Date: Tue, 23 Jul 2024 13:59:02 +0200
Subject: [PATCH] feat: refactor and prettier run

---
 src/App.tsx                                      | 4 ++--
 src/components/buttons/primary.tsx               | 6 ++++--
 src/components/buttons/secondary.tsx             | 6 ++++--
 src/components/{buttons => }/icons/send-icon.tsx | 0
 4 files changed, 10 insertions(+), 6 deletions(-)
 rename src/components/{buttons => }/icons/send-icon.tsx (100%)

diff --git a/src/App.tsx b/src/App.tsx
index 2d0d3a5..a1f68ed 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,10 +1,10 @@
-import { SendIcon } from "./components/buttons/icons/send-icon";
+import { SendIcon } from "./components/icons/send-icon";
 import { PrimaryButton } from "./components/buttons/primary";
 import { SecondaryButton } from "./components/buttons/secondary";
 
 export function App() {
 	return (
-		<div className="font-arial p-4">
+		<div className="p-4 font-arial">
 			<h1 aria-label="button">BärGPT - KI Testumgebung</h1>
 			<PrimaryButton
 				label={
diff --git a/src/components/buttons/primary.tsx b/src/components/buttons/primary.tsx
index bfe6cff..ce5dba4 100644
--- a/src/components/buttons/primary.tsx
+++ b/src/components/buttons/primary.tsx
@@ -6,6 +6,7 @@ export interface PrimaryButtonProps {
 	disabled?: boolean;
 	type?: "button" | "submit";
 	ariaLabel?: string;
+	title?: string;
 	isLoading?: boolean;
 }
 
@@ -15,15 +16,16 @@ export const PrimaryButton: React.FC<PrimaryButtonProps> = ({
 	disabled,
 	type = "button",
 	ariaLabel,
+	title,
 }) => {
 	return (
 		<button
-			className={`bg-dark-blue hover:bg-light-blue disabled:bg-light-grey hover:text-dark-blue disabled:text-dark-blue active:text-dark-blue outline-mid-grey my-2 flex h-[35px] w-fit items-center justify-center rounded px-3 text-sm font-semibold text-white active:bg-white active:font-normal active:outline active:outline-1 disabled:font-normal disabled:active:outline-none`}
+			className={`my-2 flex h-[35px] w-fit items-center justify-center rounded bg-dark-blue px-3 text-sm font-semibold text-white outline-mid-grey hover:bg-light-blue hover:text-dark-blue active:bg-white active:font-normal active:text-dark-blue active:outline active:outline-1 disabled:bg-light-grey disabled:font-normal disabled:text-dark-blue disabled:active:outline-none`}
 			disabled={disabled}
 			onClick={onClick}
 			type={type}
 			aria-label={ariaLabel}
-			title={ariaLabel}
+			title={title}
 		>
 			<span>{label}</span>
 		</button>
diff --git a/src/components/buttons/secondary.tsx b/src/components/buttons/secondary.tsx
index f493794..f9a03b4 100644
--- a/src/components/buttons/secondary.tsx
+++ b/src/components/buttons/secondary.tsx
@@ -6,6 +6,7 @@ export interface PrimaryButtonProps {
 	disabled?: boolean;
 	type?: "button" | "submit";
 	ariaLabel?: string;
+	title?: string;
 	isLoading?: boolean;
 }
 
@@ -15,15 +16,16 @@ export const SecondaryButton: React.FC<PrimaryButtonProps> = ({
 	disabled,
 	type = "button",
 	ariaLabel,
+	title,
 }) => {
 	return (
 		<button
-			className={`hover:bg-light-grey text-dark-blue outline-mid-grey my-2 flex h-[35px] w-fit items-center justify-center rounded bg-white px-3 text-sm font-normal outline outline-1 active:bg-white active:font-semibold`}
+			className={`my-2 flex h-[35px] w-fit items-center justify-center rounded bg-white px-3 text-sm font-normal text-dark-blue outline outline-1 outline-mid-grey hover:bg-light-grey active:bg-white active:font-semibold`}
 			disabled={disabled}
 			onClick={onClick}
 			type={type}
 			aria-label={ariaLabel}
-			title={ariaLabel}
+			title={title}
 		>
 			<span>{label}</span>
 		</button>
diff --git a/src/components/buttons/icons/send-icon.tsx b/src/components/icons/send-icon.tsx
similarity index 100%
rename from src/components/buttons/icons/send-icon.tsx
rename to src/components/icons/send-icon.tsx