diff --git a/web/app.react.js b/web/app.react.js
--- a/web/app.react.js
+++ b/web/app.react.js
@@ -31,6 +31,7 @@
 import { infoFromURL } from 'lib/utils/url-utils.js';
 import { WagmiENSCacheProvider, wagmiClient } from 'lib/utils/wagmi-utils.js';
 
+import WebEditUserAvatarProvider from './avatars/web-edit-user-avatar-provider.react.js';
 import Calendar from './calendar/calendar.react.js';
 import Chat from './chat/chat.react.js';
 import { EditModalProvider } from './chat/edit-message-provider.js';
@@ -213,41 +214,43 @@
     });
 
     return (
-      <div className={css.layout}>
-        <DisconnectedBarVisibilityHandler />
-        <DisconnectedBar />
-        <UpdateModalHandler />
-        <header
-          className={headerClasses}
-          onDoubleClick={this.onHeaderDoubleClick}
-        >
-          <div className={css['main-header']}>
-            <h1 className={wordmarkClasses}>
-              <a
-                title="Comm Home"
-                aria-label="Go to Comm Home"
-                onClick={this.onWordmarkClicked}
-                onDoubleClick={this.stopDoubleClickPropagation}
-              >
-                Comm
-              </a>
-            </h1>
-            {navigationArrows}
-            <div className={css['upper-right']}>
-              <LoadingIndicator
-                status={this.props.entriesLoadingStatus}
-                size="medium"
-                loadingClassName={css['page-loading']}
-                errorClassName={css['page-error']}
-              />
+      <WebEditUserAvatarProvider>
+        <div className={css.layout}>
+          <DisconnectedBarVisibilityHandler />
+          <DisconnectedBar />
+          <UpdateModalHandler />
+          <header
+            className={headerClasses}
+            onDoubleClick={this.onHeaderDoubleClick}
+          >
+            <div className={css['main-header']}>
+              <h1 className={wordmarkClasses}>
+                <a
+                  title="Comm Home"
+                  aria-label="Go to Comm Home"
+                  onClick={this.onWordmarkClicked}
+                  onDoubleClick={this.stopDoubleClickPropagation}
+                >
+                  Comm
+                </a>
+              </h1>
+              {navigationArrows}
+              <div className={css['upper-right']}>
+                <LoadingIndicator
+                  status={this.props.entriesLoadingStatus}
+                  size="medium"
+                  loadingClassName={css['page-loading']}
+                  errorClassName={css['page-error']}
+                />
+              </div>
             </div>
+          </header>
+          <InputStateContainer>{mainContent}</InputStateContainer>
+          <div className={css.sidebar}>
+            <CommunityPicker />
           </div>
-        </header>
-        <InputStateContainer>{mainContent}</InputStateContainer>
-        <div className={css.sidebar}>
-          <CommunityPicker />
         </div>
-      </div>
+      </WebEditUserAvatarProvider>
     );
   }
 
diff --git a/web/avatars/web-edit-user-avatar-provider.react.js b/web/avatars/web-edit-user-avatar-provider.react.js
new file mode 100644
--- /dev/null
+++ b/web/avatars/web-edit-user-avatar-provider.react.js
@@ -0,0 +1,32 @@
+// @flow
+
+import * as React from 'react';
+
+import { BaseEditUserAvatarProvider } from 'lib/components/base-edit-user-avatar-provider.react.js';
+
+const displayAvatarUpdateFailureAlert = () =>
+  alert("Couldn't save avatar. Please try again later.");
+
+// TODO: Implement `selectFromGallery(...)` for `web`.
+const selectFromGallery = async () => null;
+
+// TODO: Implement `useUploadSelectedMedia(...)` for `web`.
+const useUploadSelectedMedia = () => async () => null;
+
+type Props = {
+  +children: React.Node,
+};
+function WebEditUserAvatarProvider(props: Props): React.Node {
+  const { children } = props;
+  return (
+    <BaseEditUserAvatarProvider
+      displayFailureAlert={displayAvatarUpdateFailureAlert}
+      selectFromGallery={selectFromGallery}
+      useUploadSelectedMedia={useUploadSelectedMedia}
+    >
+      {children}
+    </BaseEditUserAvatarProvider>
+  );
+}
+
+export default WebEditUserAvatarProvider;