murdle/fluxer
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(app): remove broken app icon from oauth2 page

Browse Source
This commit is contained in:
Hampus Kraft 2026-02-21 15:46:09 +00:00
parent 5b8ceff991
commit a129b162b7
No known key found for this signature in database
GPG Key ID: 6090864C465A454D
2 changed files with 1 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
fluxer_app/src/components/pages/OAuthAuthorizePage.module.css
View File

@ -63,6 +63,7 @@
gap: 1rem; gap: 1rem;
align-items: center; align-items: center;
padding: 0.875rem 1rem; padding: 0.875rem 1rem;
padding-left: 0;
border-radius: 0.75rem; border-radius: 0.75rem;
background: none; background: none;
border: none; border: none;

31
fluxer_app/src/components/pages/OAuthAuthorizePage.tsx
View File

@ -370,16 +370,6 @@ const OAuthAuthorizePage: React.FC = observer(() => {
const appName = publicApp?.name?.trim(); const appName = publicApp?.name?.trim();
const clientLabel = appName || t`This application`; const clientLabel = appName || t`This application`;
const appAvatarUrl = useMemo<string | null>(() => {
if (!publicApp?.id || !publicApp.icon) {
return null;
}
const url = AvatarUtils.getUserAvatarURL({id: publicApp.id, avatar: publicApp.icon}, false);
return url ?? null;
}, [publicApp?.icon, publicApp?.id]);
const appInitial = clientLabel.charAt(0).toUpperCase();
const formattedPermissions = useMemo(() => { const formattedPermissions = useMemo(() => {
if (!hasBotScope || !authParams?.permissions) return authParams?.permissions ?? undefined; if (!hasBotScope || !authParams?.permissions) return authParams?.permissions ?? undefined;
return formatBotPermissionsQuery(Array.from(selectedPermissions ?? [])); return formatBotPermissionsQuery(Array.from(selectedPermissions ?? []));
@ -587,16 +577,6 @@ const OAuthAuthorizePage: React.FC = observer(() => {
</div> </div>
<div className={styles.heroCard}> <div className={styles.heroCard}>
<div className={styles.heroAvatarShell}>
<BaseAvatar
size={48}
avatarUrl={appAvatarUrl || ''}
shouldPlayAnimated={false}
className={!appAvatarUrl ? styles.appAvatarFallback : undefined}
userTag={clientLabel}
/>
{!appAvatarUrl && <span className={styles.appAvatarInitial}>{appInitial}</span>}
</div>
<div className={styles.heroCopy}> <div className={styles.heroCopy}>
<h1 className={styles.heroTitle}> <h1 className={styles.heroTitle}>
<Trans>Configure bot permissions</Trans> <Trans>Configure bot permissions</Trans>
@ -724,17 +704,6 @@ const OAuthAuthorizePage: React.FC = observer(() => {
)} )}
<div className={styles.heroCard}> <div className={styles.heroCard}>
<div className={styles.heroAvatarShell}>
<BaseAvatar
size={48}
avatarUrl={appAvatarUrl || ''}
shouldPlayAnimated={false}
className={!appAvatarUrl ? styles.appAvatarFallback : undefined}
userTag={clientLabel}
/>
{!appAvatarUrl && <span className={styles.appAvatarInitial}>{appInitial}</span>}
</div>
<div className={styles.heroCopy}> <div className={styles.heroCopy}>
<p className={styles.eyebrow}> <p className={styles.eyebrow}>
<Trans>Authorization request</Trans> <Trans>Authorization request</Trans>