29 lines
817 B
TypeScript
29 lines
817 B
TypeScript
import { ImagePicker } from "./ImagePicker";
|
|
import { useReminder } from "./ReminderContext";
|
|
import { useGuild } from "../App/useGuild";
|
|
|
|
export const Avatar = () => {
|
|
const guild = useGuild();
|
|
const [reminder, setReminder] = useReminder();
|
|
|
|
return guild ? (
|
|
<ImagePicker
|
|
class="is-rounded avatar"
|
|
url={reminder.avatar || "/static/img/icon.png"}
|
|
alt="Image for discord avatar"
|
|
setImage={(url: string) => {
|
|
setReminder((reminder) => ({
|
|
...reminder,
|
|
avatar: url,
|
|
}));
|
|
}}
|
|
></ImagePicker>
|
|
) : (
|
|
<img
|
|
class="is-rounded avatar"
|
|
alt="Image for discord avatar"
|
|
src={"/static/img/icon.png"}
|
|
></img>
|
|
);
|
|
};
|