diff --git a/extensions/apps/auth-app/src/components/pages/connect-wallet.tsx b/extensions/apps/auth-app/src/components/pages/connect-wallet.tsx
index 6214e91d63..e42b8197a5 100644
--- a/extensions/apps/auth-app/src/components/pages/connect-wallet.tsx
+++ b/extensions/apps/auth-app/src/components/pages/connect-wallet.tsx
@@ -215,7 +215,7 @@ const ConnectWallet: React.FC = () => {
{authenticationError && (
)}
diff --git a/extensions/widgets/sidebar/src/components/sidebar-component.tsx b/extensions/widgets/sidebar/src/components/sidebar-component.tsx
index 0bb3bfa789..1fea6a51e4 100644
--- a/extensions/widgets/sidebar/src/components/sidebar-component.tsx
+++ b/extensions/widgets/sidebar/src/components/sidebar-component.tsx
@@ -131,13 +131,13 @@ const SidebarComponent: React.FC = () => {
});
};
- const handleAvatarClick = function (did: string) {
- if (!did) {
+ const handleAvatarClick = (id: string) => {
+ if (!id) {
return;
}
routing?.navigateTo({
appName: '@akashaorg/app-profile',
- getNavigationUrl: navRoutes => `${navRoutes.rootRoute}/${did}`,
+ getNavigationUrl: routes => `${routes.rootRoute}/${id}`,
});
if (isMobile) {
diff --git a/libs/design-system-core/src/components/Avatar/index.tsx b/libs/design-system-core/src/components/Avatar/index.tsx
index c96a268d06..948411e6d5 100644
--- a/libs/design-system-core/src/components/Avatar/index.tsx
+++ b/libs/design-system-core/src/components/Avatar/index.tsx
@@ -8,6 +8,7 @@ import {
getImageFromSeed,
} from '../../utils';
import { type Image } from '@akashaorg/typings/lib/ui';
+import Card from '../Card';
export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
@@ -29,12 +30,12 @@ type AvatarContentProps = {
profileId?: string | null;
publicImgPath?: string;
customStyle?: string;
+ onClick?: React.MouseEventHandler;
};
export type AvatarProps = AvatarContentProps & {
dataTestId?: string;
href?: string;
- onClick?: React.MouseEventHandler;
};
const AvatarContent: React.FC = props => {
@@ -51,6 +52,7 @@ const AvatarContent: React.FC = props => {
profileId = '0x0000000000000000000000000000000',
publicImgPath = '/images',
customStyle = '',
+ onClick,
} = props;
const seed = getImageFromSeed(profileId, 7);
@@ -68,14 +70,16 @@ const AvatarContent: React.FC = props => {
const activeOverlayClass = generateActiveOverlayClass();
return (
-
- {(avatar || avatarFallback) && (
- >}>
-
-
- )}
- {active && }
-
+
+
+ {(avatar || avatarFallback) && (
+ >}>
+
+
+ )}
+ {active && }
+
+
);
};
@@ -96,7 +100,7 @@ const Avatar: React.FC = props => {
);
}
- return ;
+ return ;
};
export default Avatar;