Update web build and web-specific components; RNW now builds

4 files changed, 7 insertions, 2 deletions

diff --git a/src/view/com/composer/ExternalEmbed.tsx b/src/view/com/composer/ExternalEmbed.tsx
index 7eaec5f04..ed4bfb5ed 100644
--- a/src/view/com/composer/ExternalEmbed.tsx
+++ b/src/view/com/composer/ExternalEmbed.tsx
@@ -6,7 +6,7 @@ import {
   View,
 } from 'react-native'
 import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
-import {BlurView} from '@react-native-community/blur'
+import {BlurView} from '../util/BlurView'
 import LinearGradient from 'react-native-linear-gradient'
 import {AutoSizedImage} from '../util/images/AutoSizedImage'
 import {Text} from '../util/text/Text'
diff --git a/src/view/com/profile/ProfileHeader.tsx b/src/view/com/profile/ProfileHeader.tsx
index d0cf49769..cebeea788 100644
--- a/src/view/com/profile/ProfileHeader.tsx
+++ b/src/view/com/profile/ProfileHeader.tsx
@@ -12,7 +12,7 @@ import {
   FontAwesomeIcon,
   FontAwesomeIconStyle,
 } from '@fortawesome/react-native-fontawesome'
-import {BlurView} from '@react-native-community/blur'
+import {BlurView} from '../util/BlurView'
 import {ProfileViewModel} from '../../../state/models/profile-view'
 import {useStores} from '../../../state'
 import {
diff --git a/src/view/com/util/BlurView.tsx b/src/view/com/util/BlurView.tsx
new file mode 100644
index 000000000..66b41cc26
--- /dev/null
+++ b/src/view/com/util/BlurView.tsx
@@ -0,0 +1 @@
+export {BlurView} from '@react-native-community/blur'
diff --git a/src/view/com/util/BlurView.web.tsx b/src/view/com/util/BlurView.web.tsx
new file mode 100644
index 000000000..a6097bf85
--- /dev/null
+++ b/src/view/com/util/BlurView.web.tsx
@@ -0,0 +1,4 @@
+import {View} from 'react-native'
+
+// TODO can actually support this, see https://github.com/Kureev/react-native-blur/issues/417
+export const BlurBiew = View