From 5d82a22eba3a3105b272e60562021be8ef6b5dcc Mon Sep 17 00:00:00 2001
From: leonie2003 <lu.gellner@gmail.com>
Date: Wed, 24 Apr 2024 08:51:40 +0200
Subject: [PATCH] fix minor issues

---
 frontend/components/input/ActionBar.tsx                 | 2 +-
 frontend/components/navigation/Tabs/DashboardTab.tsx    | 1 -
 frontend/components/placeholders/GenericPlaceholder.tsx | 7 +++----
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/components/input/ActionBar.tsx b/frontend/components/input/ActionBar.tsx
index b8bd2a40..258aa101 100644
--- a/frontend/components/input/ActionBar.tsx
+++ b/frontend/components/input/ActionBar.tsx
@@ -79,7 +79,7 @@ export const ActionBar = ({
 						<PlusSquare
 							className={`w-sm${
 								writePermission
-									? " cursor-pointer text-kiokuDarkBlue hover:scale-110"
+									? "cursor-pointer text-kiokuDarkBlue hover:scale-110"
 									: "text-gray-400 hover:cursor-not-allowed"
 							} ${showTutorial ? "animate-bounce" : ""} flex-none 
 				transition
diff --git a/frontend/components/navigation/Tabs/DashboardTab.tsx b/frontend/components/navigation/Tabs/DashboardTab.tsx
index 1537d5d9..9189cddf 100644
--- a/frontend/components/navigation/Tabs/DashboardTab.tsx
+++ b/frontend/components/navigation/Tabs/DashboardTab.tsx
@@ -39,7 +39,6 @@ export const DashboardTab = ({ className = "" }: DashboardTabProps) => {
 					<GenericPlaceholder
 						title="Find your favorites!"
 						description="Click on the heart icon in the top right corner of a deck to add it to this list."
-						buttonText="Show me how"
 						iconName="Heart"
 					></GenericPlaceholder>
 				)}
diff --git a/frontend/components/placeholders/GenericPlaceholder.tsx b/frontend/components/placeholders/GenericPlaceholder.tsx
index 4488c78d..41a74451 100644
--- a/frontend/components/placeholders/GenericPlaceholder.tsx
+++ b/frontend/components/placeholders/GenericPlaceholder.tsx
@@ -1,5 +1,4 @@
-import { MouseEventHandler, ReactNode } from "react";
-import { Heart, Plus } from "react-feather";
+import { MouseEventHandler } from "react";
 
 import { Text } from "@/components/Text";
 import { Icon, IconName } from "@/components/graphics/Icon";
@@ -54,7 +53,7 @@ export const GenericPlaceholder = ({
 					<Icon
 						icon={iconName}
 						className=" mx-auto size-10
-					self-center stroke-neutral-800 stroke-2  p-0"
+					self-center stroke-neutral-600 stroke-2  p-0"
 					/>
 				</div>
 				<div className="flex w-full flex-col gap-1 self-center text-neutral-800">
@@ -65,7 +64,7 @@ export const GenericPlaceholder = ({
 							onClick={onClick}
 							onKeyUp={clickOnEnter}
 							tabIndex={0}
-							className="h-fit w-fit rounded bg-black p-1 px-2 text-xs font-light  leading-snug text-white hover:scale-105"
+							className="h-fit w-fit rounded bg-black p-1 px-2 text-xs font-light leading-snug text-white hover:scale-105"
 						>
 							{buttonText}
 						</button>