From 88fefd2c75e7c2c1707b7e172f675b6324d1ff77 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Mon, 1 Jan 2024 12:31:51 +0100
Subject: [PATCH] Added default avatars to the Chooser.jsx

---
 src/states/Manage/pages/Chooser/Chooser.jsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/states/Manage/pages/Chooser/Chooser.jsx b/src/states/Manage/pages/Chooser/Chooser.jsx
index 75011a4..8d8cc75 100644
--- a/src/states/Manage/pages/Chooser/Chooser.jsx
+++ b/src/states/Manage/pages/Chooser/Chooser.jsx
@@ -5,6 +5,8 @@ import SheepstarImage from "@/common/images/sheepstar.png";
 import Button from "@/common/components/Button";
 import {useNavigate} from "react-router-dom";
 
+export const DEFAULT_AVATAR = "https://cdn.discordapp.com/embed/avatars/0.png";
+
 export const Chooser = () => {
     const guilds = useContext(GuildContext);
     const navigate = useNavigate();
@@ -21,9 +23,11 @@ export const Chooser = () => {
 
             <div className="guilds">
                 {guilds.map((guild) => (
-                    <div className="guild">
+                    <div className="guild" key={guild.id}>
                         <div className="info-area">
-                            <img src={`https://cdn.discordapp.com/icons/${guild.id}/${guild.icon}.png`} alt="guild-icon"/>
+                            <img
+                                src={guild.icon === null ? DEFAULT_AVATAR : `https://cdn.discordapp.com/icons/${guild.id}/${guild.icon}.png`}
+                                alt="guild-icon"/>
                             <h1>{guild.name}</h1>
                         </div>