Added default avatars to the Chooser.jsx

This commit is contained in:
Mathias Wagner 2024-01-01 12:31:51 +01:00
parent a7eec6de05
commit 88fefd2c75
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44

View File

@ -5,6 +5,8 @@ import SheepstarImage from "@/common/images/sheepstar.png";
import Button from "@/common/components/Button"; import Button from "@/common/components/Button";
import {useNavigate} from "react-router-dom"; import {useNavigate} from "react-router-dom";
export const DEFAULT_AVATAR = "https://cdn.discordapp.com/embed/avatars/0.png";
export const Chooser = () => { export const Chooser = () => {
const guilds = useContext(GuildContext); const guilds = useContext(GuildContext);
const navigate = useNavigate(); const navigate = useNavigate();
@ -21,9 +23,11 @@ export const Chooser = () => {
<div className="guilds"> <div className="guilds">
{guilds.map((guild) => ( {guilds.map((guild) => (
<div className="guild"> <div className="guild" key={guild.id}>
<div className="info-area"> <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> <h1>{guild.name}</h1>
</div> </div>