stops avatar image flicker on route change (#1638)
Co-authored-by: Peer Richelsen <peeroke@gmail.com>
This commit is contained in:
parent
067a48093a
commit
8d0861809c
1 changed files with 10 additions and 2 deletions
|
@ -30,7 +30,6 @@ import { trpc } from "@lib/trpc";
|
||||||
import CustomBranding from "@components/CustomBranding";
|
import CustomBranding from "@components/CustomBranding";
|
||||||
import Loader from "@components/Loader";
|
import Loader from "@components/Loader";
|
||||||
import { HeadSeo } from "@components/seo/head-seo";
|
import { HeadSeo } from "@components/seo/head-seo";
|
||||||
import Avatar from "@components/ui/Avatar";
|
|
||||||
import Dropdown, {
|
import Dropdown, {
|
||||||
DropdownMenuContent,
|
DropdownMenuContent,
|
||||||
DropdownMenuItem,
|
DropdownMenuItem,
|
||||||
|
@ -377,7 +376,16 @@ function UserDropdown({ small }: { small?: boolean }) {
|
||||||
small ? "w-8 h-8" : "w-10 h-10",
|
small ? "w-8 h-8" : "w-10 h-10",
|
||||||
"bg-gray-300 rounded-full flex-shrink-0 relative"
|
"bg-gray-300 rounded-full flex-shrink-0 relative"
|
||||||
)}>
|
)}>
|
||||||
<Avatar imageSrc={user?.avatar || ""} alt={user?.username || "Nameless User"} />
|
<img
|
||||||
|
className="rounded-full"
|
||||||
|
src={
|
||||||
|
(process.env.NEXT_PUBLIC_APP_URL || process.env.BASE_URL) +
|
||||||
|
"/" +
|
||||||
|
user?.username +
|
||||||
|
"/avatar.png"
|
||||||
|
}
|
||||||
|
alt={user?.username || "Nameless User"}
|
||||||
|
/>
|
||||||
{!user?.away && (
|
{!user?.away && (
|
||||||
<div className="absolute bottom-0 right-0 w-3 h-3 bg-green-500 border-2 border-white rounded-full"></div>
|
<div className="absolute bottom-0 right-0 w-3 h-3 bg-green-500 border-2 border-white rounded-full"></div>
|
||||||
)}
|
)}
|
||||||
|
|
Loading…
Reference in a new issue