Hide avatar input for unregistered users

src/ConferenceCallManagerHooks.jsx

@@ -724,13 +724,19 @@ export function useProfile(client) {
         try {
           await client.setDisplayName(displayName);
 
-          const url = await client.uploadContent(avatar);
-          await client.setAvatarUrl(url);
+          let mxcAvatarUrl;
+
+          if (avatar) {
+            mxcAvatarUrl = await client.uploadContent(avatar);
+            await client.setAvatarUrl(mxcAvatarUrl);
+          }
 
           setState((prev) => ({
             ...prev,
             displayName,
-            avatarUrl: getAvatarUrl(client, url),
+            avatarUrl: mxcAvatarUrl
+              ? getAvatarUrl(client, mxcAvatarUrl)
+              : prev.avatarUrl,
             loading: false,
             success: true,
           }));

src/ProfileModal.jsx

@@ -4,7 +4,13 @@ import { useProfile } from "./ConferenceCallManagerHooks";
 import { FieldRow, InputField, ErrorMessage } from "./Input";
 import { Modal, ModalContent } from "./Modal";
 
-export function ProfileModal({ client, ...rest }) {
+export function ProfileModal({
+  client,
+  isAuthenticated,
+  isPasswordlessUser,
+  isGuest,
+  ...rest
+}) {
   const { onClose } = rest;
   const {
     success,
@@ -60,9 +66,16 @@ export function ProfileModal({ client, ...rest }) {
               onChange={onChangeDisplayName}
             />
           </FieldRow>
-          <FieldRow>
-            <InputField type="file" id="avatar" name="avatar" label="Avatar" />
-          </FieldRow>
+          {isAuthenticated && !isGuest && !isPasswordlessUser && (
+            <FieldRow>
+              <InputField
+                type="file"
+                id="avatar"
+                name="avatar"
+                label="Avatar"
+              />
+            </FieldRow>
+          )}
           {error && (
             <FieldRow>
               <ErrorMessage>{error.message}</ErrorMessage>

src/UserMenu.jsx

@@ -108,7 +108,15 @@ export function UserMenu({ disableLogout }) {
           </Menu>
         )}
       </PopoverMenuTrigger>
-      {modalState.isOpen && <ProfileModal client={client} {...modalProps} />}
+      {modalState.isOpen && (
+        <ProfileModal
+          client={client}
+          isAuthenticated={isAuthenticated}
+          isGuest={isGuest}
+          isPasswordlessUser={isPasswordlessUser}
+          {...modalProps}
+        />
+      )}
     </>
   );
 }