From b3aa9762ad8ea1a68dcf9894834ff984abbdb2e2 Mon Sep 17 00:00:00 2001
From: Marius Kaczmarek <kaczmarek.m@gmx.de>
Date: Tue, 10 Dec 2024 16:48:51 +0100
Subject: [PATCH] added X as None in hair category

---
 .../AvatarEditorHairCategory.tsx                          | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/Components/Core/Presentation/AvatarEditor/AvatarEditorCategories/AvatarEditorCategoryContents/AvatarEditorHairCategory.tsx b/src/Components/Core/Presentation/AvatarEditor/AvatarEditorCategories/AvatarEditorCategoryContents/AvatarEditorHairCategory.tsx
index 5d7be3bc..db1ad014 100644
--- a/src/Components/Core/Presentation/AvatarEditor/AvatarEditorCategories/AvatarEditorCategoryContents/AvatarEditorHairCategory.tsx
+++ b/src/Components/Core/Presentation/AvatarEditor/AvatarEditorCategories/AvatarEditorCategoryContents/AvatarEditorHairCategory.tsx
@@ -13,14 +13,16 @@ import { useState } from "react";
 import ColorPickerButton from "~ReactComponents/GeneralComponents/ColorPicker/ColorPickerButton";
 import ColorPickerModal from "~ReactComponents/GeneralComponents/ColorPicker/ColorPickerModal";
 
+import noneIcon from "../../../../../../Assets/icons/close.svg";
+
 const noneThumbnail = {
   type: AvatarNoneModel.None,
-  image: require("../../../../../../Assets/avatarEditorThumbnails/hair/hairstyles/Hair_Backhead.png"),
+  image: noneIcon,
 };
 
 const hairThumbnails = Object.values(OAvatarHairModels).map<{
   type: AvatarHairModels; // use union type with AvatarNoneModel
-  image: any;
+  image: string;
 }>((type) => ({
   type: type,
   image: require(
@@ -31,7 +33,7 @@ hairThumbnails.unshift(noneThumbnail);
 
 const beardThumbnails = Object.values(OAvatarBeardModels).map<{
   type: AvatarBeardModels; // use union type with AvatarNoneModel
-  image: any;
+  image: string;
 }>((type) => ({
   type: type,
   image: require(