Added default avatars to the Chooser.jsx
This commit is contained in:
parent
a7eec6de05
commit
88fefd2c75
@ -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>
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user