Bennett/AquaDX
1
0
Fork 0
forked from Cookies_Github_mirror/AquaDX
Code Pull Requests Actions Releases Activity

[+] Profile setting button in home

Browse Source
This commit is contained in:
Azalea
2024-03-05 19:09:43 -05:00
parent 56600d3f27
commit dcb671acd8
1 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
AquaNet/src/pages/UserHome.svelte
View File

@@ -9,13 +9,15 @@
import { DATA, GAME } from "../libs/sdk"; import { DATA, GAME } from "../libs/sdk";
import { type GameName, getMult } from "../libs/scoring"; import { type GameName, getMult } from "../libs/scoring";
import StatusOverlays from "../components/StatusOverlays.svelte"; import StatusOverlays from "../components/StatusOverlays.svelte";
import Icon from "@iconify/svelte";
registerChart() registerChart()
export let username: string; export let username: string;
export let game: GameName = "mai2" export let game: GameName = "mai2"
let calElement: HTMLElement let calElement: HTMLElement
let error: string | null; let error: string;
let editingProfile = false
title(`User ${username}`) title(`User ${username}`)
interface MusicAndPlay extends MusicMeta, GenericGamePlaylog {} interface MusicAndPlay extends MusicMeta, GenericGamePlaylog {}
@@ -53,7 +55,13 @@
{#if d} {#if d}
<div class="user-pfp"> <div class="user-pfp">
<img src={`${DATA_HOST}/d/${game}/assetbundle/icon/${d.user.iconId.toString().padStart(6, "0")}.png`} alt="" class="pfp" on:error={pfpNotFound}> <img src={`${DATA_HOST}/d/${game}/assetbundle/icon/${d.user.iconId.toString().padStart(6, "0")}.png`} alt="" class="pfp" on:error={pfpNotFound}>
<h2>{d.user.name}</h2> <div class="name-box">
<h2>{d.user.name}</h2>
<span class="setting-icon clickable" on:click={() => editingProfile = true}
on:keydown={e => e.key === "Enter" && (editingProfile = true)} tabindex="0" role="button">
<Icon icon="eos-icons:rotating-gear"/>
</span>
</div>
<nav> <nav>
{#each Object.entries(games) as [g, name]} {#each Object.entries(games) as [g, name]}
<a href={`/u/${username}/${g}`} class:active={game === g}>{name}</a> <a href={`/u/${username}/${g}`} class:active={game === g}>{name}</a>
@@ -230,6 +238,20 @@ $gap: 20px
top: 4px top: 4px
right: 0 right: 0
.setting-icon
font-size: 1.5rem
color: $c-main
cursor: pointer
display: flex
align-items: center
.name-box
flex: 1
display: flex
align-items: center
justify-content: space-between
gap: 10px
.pfp .pfp
width: 100px width: 100px
height: 100px height: 100px