fix html elements used for logout account-card

This commit is contained in:
f0x 2024-11-06 14:04:35 +01:00
parent 31287c8899
commit 884e03b4c1
2 changed files with 4 additions and 4 deletions

View file

@ -31,7 +31,7 @@ export default function UserLogoutCard() {
if (isLoading) {
return <Loading />;
}
if (!profile) {
return <ErrorC error={new Error("account was undefined")} />;
}
@ -39,9 +39,9 @@ export default function UserLogoutCard() {
return (
<div className="account-card">
<img className="avatar" src={profile.avatar} alt="" />
<h3 className="text-cutoff">{profile.display_name?.length > 0 ? profile.display_name : profile.acct}</h3>
<b className="text-cutoff">{profile.display_name.length > 0 ? profile.display_name : profile.acct}</b>
<span className="text-cutoff">@{profile.username}@{instance?.account_domain}</span>
<a onClick={logoutQuery} href="#" aria-label="Log out" title="Log out" className="logout">
<a onClick={() => void logoutQuery()} href="#" aria-label="Log out" title="Log out" className="logout">
<i className="fa fa-fw fa-sign-out" aria-hidden="true" />
</a>
</div>

View file

@ -188,7 +188,7 @@ const extended = gtsApi.injectEndpoints({
return { data: null };
},
}),
logout: build.mutation({
logout: build.mutation<null, void>({
queryFn: (_arg, api) => {
api.dispatch(oauthRemove());
return { data: null };