update channel

src/shared/accounts/active.tsx

@@ -0,0 +1,11 @@
+import { DEFAULT_AVATAR } from '@lume/stores/constants';
+
+export default function ActiveAccount({ user }: { user: any }) {
+  const userData = JSON.parse(user.metadata);
+
+  return (
+    <button className="relative h-11 w-11 rounded-lg">
+      <img src={userData.picture || DEFAULT_AVATAR} alt="user's avatar" className="h-11 w-11 rounded-lg object-cover" />
+    </button>
+  );
+}

src/shared/accounts/inactive.tsx

@@ -0,0 +1,11 @@
+import { DEFAULT_AVATAR } from '@lume/stores/constants';
+
+export default function InactiveAccount({ user }: { user: any }) {
+  const userData = JSON.parse(user.metadata);
+
+  return (
+    <div className="relative h-11 w-11 shrink rounded-lg">
+      <img src={userData.picture || DEFAULT_AVATAR} alt="user's avatar" className="h-11 w-11 rounded-lg object-cover" />
+    </div>
+  );
+}