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 ( -
- - - -
-
-

- - Comm - -

- {navigationArrows} -
- + +
+ + + +
+
+

+ + Comm + +

+ {navigationArrows} +
+ +
+
+ {mainContent} +
+
-
- {mainContent} -
-
-
+ ); } 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 ( + + {children} + + ); +} + +export default WebEditUserAvatarProvider;