diff --git a/cosmos.imports.ts b/cosmos.imports.ts index a2f4dde7de..9268851ab9 100644 --- a/cosmos.imports.ts +++ b/cosmos.imports.ts @@ -1,94 +1,96 @@ // This file is automatically generated by Cosmos. Add it to .gitignore and // only edit if you know what you're doing. + import { RendererConfig, UserModuleWrappers } from 'react-cosmos-core'; -import * as fixture76 from './apps/tlon-mobile/src/App.fixture'; -import * as fixture80 from './apps/tlon-mobile/src/fixtures/InputToolbar.fixture'; -import * as fixture79 from './apps/tlon-mobile/src/fixtures/Onboarding.fixture'; -import * as fixture78 from './apps/tlon-mobile/src/fixtures/SetNicknameScreen.fixture'; -import * as fixture77 from './apps/tlon-mobile/src/fixtures/TlonbotSetupScreen.fixture'; -import * as decorator1 from './apps/tlon-mobile/src/fixtures/cosmos.decorator'; -import * as fixture75 from './packages/app/fixtures/ActionSheet/AddGalleryPostSheet.fixture'; -import * as fixture74 from './packages/app/fixtures/ActionSheet/AttachmentSheet.fixture'; -import * as fixture73 from './packages/app/fixtures/ActionSheet/CreateChannelSheet.fixture'; -import * as fixture72 from './packages/app/fixtures/ActionSheet/EditSectionNameSheet.fixture'; -import * as fixture71 from './packages/app/fixtures/ActionSheet/GenericActionSheet.fixture'; -import * as fixture70 from './packages/app/fixtures/ActionSheet/GroupJoinRequestSheet.fixture'; -import * as fixture69 from './packages/app/fixtures/ActionSheet/GroupPreviewSheet.fixture'; -import * as fixture68 from './packages/app/fixtures/ActionSheet/ProfileSheet.fixture'; -import * as fixture64 from './packages/app/fixtures/Activity.fixture'; -import * as fixture63 from './packages/app/fixtures/AddContactsView.fixture'; -import * as fixture62 from './packages/app/fixtures/AttachmentPreviewList.fixture'; -import * as fixture61 from './packages/app/fixtures/AttestationPane.fixture'; -import * as fixture60 from './packages/app/fixtures/AudioEmbed.fixture'; -import * as fixture59 from './packages/app/fixtures/AudioRecorder.fixture'; -import * as fixture58 from './packages/app/fixtures/Avatar.fixture'; -import * as fixture57 from './packages/app/fixtures/BlockSectionList.fixture'; -import * as fixture56 from './packages/app/fixtures/Button.fixture'; -import * as fixture55 from './packages/app/fixtures/ButtonV2.fixture'; -import * as fixture54 from './packages/app/fixtures/Carousel.fixture'; -import * as fixture53 from './packages/app/fixtures/Channel.fixture'; -import * as fixture52 from './packages/app/fixtures/ChannelConfigurationBar.fixture'; -import * as fixture51 from './packages/app/fixtures/ChannelDivider.fixture'; -import * as fixture50 from './packages/app/fixtures/ChannelHeader.fixture'; -import * as fixture49 from './packages/app/fixtures/ChannelListItem.fixture'; -import * as fixture48 from './packages/app/fixtures/ChatMessage.fixture'; -import * as fixture47 from './packages/app/fixtures/ChatOptionsSheet.fixture'; -import * as fixture46 from './packages/app/fixtures/ConfirmDialog.fixture'; -import * as fixture45 from './packages/app/fixtures/ContactList.fixture'; +import * as fixture0 from './packages/app/fixtures/WayfindingNotices.fixture'; +import * as fixture1 from './packages/app/fixtures/Waveform.fixture'; +import * as fixture2 from './packages/app/fixtures/ViewReactionsSheet.fixture'; +import * as fixture3 from './packages/app/fixtures/VideoEmbed.fixture'; +import * as fixture4 from './packages/app/fixtures/UserProfileScreen.fixture'; +import * as fixture5 from './packages/app/fixtures/TwitterVerification.fixture'; +import * as fixture6 from './packages/app/fixtures/Toast.fixture'; +import * as fixture7 from './packages/app/fixtures/Text.fixture'; +import * as fixture8 from './packages/app/fixtures/SystemNotices.fixture'; +import * as fixture9 from './packages/app/fixtures/SystemNotice.fixture'; +import * as fixture10 from './packages/app/fixtures/SummaryCollectionView.fixture'; +import * as fixture11 from './packages/app/fixtures/StorageQuotaIndicator.fixture'; +import * as fixture12 from './packages/app/fixtures/StoppedNodePushSheet.fixture'; +import * as fixture13 from './packages/app/fixtures/SplashSequence.fixture'; +import * as fixture14 from './packages/app/fixtures/SearchBar.fixture'; +import * as fixture15 from './packages/app/fixtures/ScreenHeader.fixture'; +import * as fixture16 from './packages/app/fixtures/ReferenceSkeleton.fixture'; +import * as fixture17 from './packages/app/fixtures/ProfileStatusSheet.fixture'; +import * as fixture18 from './packages/app/fixtures/ProfileSheet.fixture'; +import * as fixture19 from './packages/app/fixtures/ProfileBlock.fixture'; +import * as fixture20 from './packages/app/fixtures/Pressable.fixture'; +import * as fixture21 from './packages/app/fixtures/PostScreen.fixture'; +import * as fixture22 from './packages/app/fixtures/PostReference.fixture'; +import * as fixture23 from './packages/app/fixtures/PostErrorMessage.fixture'; +import * as fixture24 from './packages/app/fixtures/ParentAgnosticKeyboardAvoidingView.fixture'; +import * as fixture25 from './packages/app/fixtures/Onboarding.fixture'; +import * as fixture26 from './packages/app/fixtures/NotebookPost.fixture'; +import * as fixture27 from './packages/app/fixtures/MetaEditorScreen.fixture'; +import * as fixture28 from './packages/app/fixtures/MessageInput.fixture'; +import * as fixture29 from './packages/app/fixtures/MessageActions.fixture'; +import * as fixture30 from './packages/app/fixtures/MediaImageViewer.fixture'; +import * as fixture31 from './packages/app/fixtures/InviteUsersSheet.fixture'; +import * as fixture32 from './packages/app/fixtures/InviteFriendsToTlonButton.fixture'; +import * as fixture33 from './packages/app/fixtures/Input.fixture'; +import * as fixture34 from './packages/app/fixtures/GroupListItem.fixture'; +import * as fixture35 from './packages/app/fixtures/GestureMediaViewer.fixture'; +import * as fixture36 from './packages/app/fixtures/GalleryPost.fixture'; +import * as fixture37 from './packages/app/fixtures/ForwardChannelListItem.fixture'; +import * as fixture38 from './packages/app/fixtures/Form.fixture'; +import * as fixture39 from './packages/app/fixtures/FacePile.fixture'; +import * as fixture40 from './packages/app/fixtures/EmptyChannelNotice.fixture'; +import * as fixture41 from './packages/app/fixtures/EmbedContent.fixture'; +import * as fixture42 from './packages/app/fixtures/EditProfileScreen.fixture'; +import * as fixture43 from './packages/app/fixtures/DmInviteOptions.fixture'; import * as fixture44 from './packages/app/fixtures/CreateChatSheet.fixture'; -import * as fixture67 from './packages/app/fixtures/DetailView/ChatDetailView.fixture'; -import * as fixture66 from './packages/app/fixtures/DetailView/GalleryDetailView.fixture'; +import * as fixture45 from './packages/app/fixtures/ContactList.fixture'; +import * as fixture46 from './packages/app/fixtures/ConfirmDialog.fixture'; +import * as fixture47 from './packages/app/fixtures/ChatOptionsSheet.fixture'; +import * as fixture48 from './packages/app/fixtures/ChatMessage.fixture'; +import * as fixture49 from './packages/app/fixtures/ChannelListItem.fixture'; +import * as fixture50 from './packages/app/fixtures/ChannelHeader.fixture'; +import * as fixture51 from './packages/app/fixtures/ChannelDivider.fixture'; +import * as fixture52 from './packages/app/fixtures/ChannelConfigurationBar.fixture'; +import * as fixture53 from './packages/app/fixtures/Channel.fixture'; +import * as fixture54 from './packages/app/fixtures/Carousel.fixture'; +import * as fixture55 from './packages/app/fixtures/ButtonV2.fixture'; +import * as fixture56 from './packages/app/fixtures/Button.fixture'; +import * as fixture57 from './packages/app/fixtures/BlockSectionList.fixture'; +import * as fixture58 from './packages/app/fixtures/Avatar.fixture'; +import * as fixture59 from './packages/app/fixtures/AudioRecorder.fixture'; +import * as fixture60 from './packages/app/fixtures/AudioEmbed.fixture'; +import * as fixture61 from './packages/app/fixtures/AttestationPane.fixture'; +import * as fixture62 from './packages/app/fixtures/AttachmentPreviewList.fixture'; +import * as fixture63 from './packages/app/fixtures/AddContactsView.fixture'; +import * as fixture64 from './packages/app/fixtures/Activity.fixture'; import * as fixture65 from './packages/app/fixtures/DetailView/NotebookDetailView.fixture'; -import * as fixture43 from './packages/app/fixtures/DmInviteOptions.fixture'; -import * as fixture42 from './packages/app/fixtures/EditProfileScreen.fixture'; -import * as fixture41 from './packages/app/fixtures/EmbedContent.fixture'; -import * as fixture40 from './packages/app/fixtures/EmptyChannelNotice.fixture'; -import * as fixture39 from './packages/app/fixtures/FacePile.fixture'; -import * as fixture38 from './packages/app/fixtures/Form.fixture'; -import * as fixture37 from './packages/app/fixtures/ForwardChannelListItem.fixture'; -import * as fixture36 from './packages/app/fixtures/GalleryPost.fixture'; -import * as fixture35 from './packages/app/fixtures/GestureMediaViewer.fixture'; -import * as fixture34 from './packages/app/fixtures/GroupListItem.fixture'; -import * as fixture33 from './packages/app/fixtures/Input.fixture'; -import * as fixture32 from './packages/app/fixtures/InviteFriendsToTlonButton.fixture'; -import * as fixture31 from './packages/app/fixtures/InviteUsersSheet.fixture'; -import * as fixture30 from './packages/app/fixtures/MediaImageViewer.fixture'; -import * as fixture29 from './packages/app/fixtures/MessageActions.fixture'; -import * as fixture28 from './packages/app/fixtures/MessageInput.fixture'; -import * as fixture27 from './packages/app/fixtures/MetaEditorScreen.fixture'; -import * as fixture26 from './packages/app/fixtures/NotebookPost.fixture'; -import * as fixture25 from './packages/app/fixtures/Onboarding.fixture'; -import * as fixture24 from './packages/app/fixtures/ParentAgnosticKeyboardAvoidingView.fixture'; -import * as fixture23 from './packages/app/fixtures/PostErrorMessage.fixture'; -import * as fixture22 from './packages/app/fixtures/PostReference.fixture'; -import * as fixture21 from './packages/app/fixtures/PostScreen.fixture'; -import * as fixture20 from './packages/app/fixtures/Pressable.fixture'; -import * as fixture19 from './packages/app/fixtures/ProfileBlock.fixture'; -import * as fixture18 from './packages/app/fixtures/ProfileSheet.fixture'; -import * as fixture17 from './packages/app/fixtures/ProfileStatusSheet.fixture'; -import * as fixture16 from './packages/app/fixtures/ReferenceSkeleton.fixture'; -import * as fixture15 from './packages/app/fixtures/ScreenHeader.fixture'; -import * as fixture14 from './packages/app/fixtures/SearchBar.fixture'; -import * as fixture13 from './packages/app/fixtures/SplashSequence.fixture'; -import * as fixture12 from './packages/app/fixtures/StoppedNodePushSheet.fixture'; -import * as fixture11 from './packages/app/fixtures/StorageQuotaIndicator.fixture'; -import * as fixture10 from './packages/app/fixtures/SummaryCollectionView.fixture'; -import * as fixture9 from './packages/app/fixtures/SystemNotice.fixture'; -import * as fixture8 from './packages/app/fixtures/SystemNotices.fixture'; -import * as fixture7 from './packages/app/fixtures/Text.fixture'; -import * as fixture6 from './packages/app/fixtures/Toast.fixture'; -import * as fixture5 from './packages/app/fixtures/TwitterVerification.fixture'; -import * as fixture4 from './packages/app/fixtures/UserProfileScreen.fixture'; -import * as fixture3 from './packages/app/fixtures/VideoEmbed.fixture'; -import * as fixture2 from './packages/app/fixtures/ViewReactionsSheet.fixture'; -import * as fixture1 from './packages/app/fixtures/Waveform.fixture'; -import * as fixture0 from './packages/app/fixtures/WayfindingNotices.fixture'; +import * as fixture66 from './packages/app/fixtures/DetailView/GalleryDetailView.fixture'; +import * as fixture67 from './packages/app/fixtures/DetailView/ChatDetailView.fixture'; +import * as fixture68 from './packages/app/fixtures/ActionSheet/ProfileSheet.fixture'; +import * as fixture69 from './packages/app/fixtures/ActionSheet/GroupPreviewSheet.fixture'; +import * as fixture70 from './packages/app/fixtures/ActionSheet/GroupJoinRequestSheet.fixture'; +import * as fixture71 from './packages/app/fixtures/ActionSheet/GenericActionSheet.fixture'; +import * as fixture72 from './packages/app/fixtures/ActionSheet/EditSectionNameSheet.fixture'; +import * as fixture73 from './packages/app/fixtures/ActionSheet/CreateChannelSheet.fixture'; +import * as fixture74 from './packages/app/fixtures/ActionSheet/AttachmentSheet.fixture'; +import * as fixture75 from './packages/app/fixtures/ActionSheet/AddGalleryPostSheet.fixture'; +import * as fixture76 from './apps/tlon-mobile/src/App.fixture'; +import * as fixture77 from './apps/tlon-mobile/src/fixtures/TlonbotSetupScreen.fixture'; +import * as fixture78 from './apps/tlon-mobile/src/fixtures/SetNicknameScreen.fixture'; +import * as fixture79 from './apps/tlon-mobile/src/fixtures/Onboarding.fixture'; +import * as fixture80 from './apps/tlon-mobile/src/fixtures/InputToolbar.fixture'; + import * as decorator0 from './packages/app/fixtures/cosmos.decorator'; +import * as decorator1 from './apps/tlon-mobile/src/fixtures/cosmos.decorator'; export const rendererConfig: RendererConfig = { - playgroundUrl: 'http://localhost:5001', - rendererUrl: null, + "playgroundUrl": "http://localhost:5000", + "rendererUrl": null }; const fixtures = { @@ -102,15 +104,9 @@ const fixtures = { 'packages/app/fixtures/Text.fixture.tsx': { module: fixture7 }, 'packages/app/fixtures/SystemNotices.fixture.tsx': { module: fixture8 }, 'packages/app/fixtures/SystemNotice.fixture.tsx': { module: fixture9 }, - 'packages/app/fixtures/SummaryCollectionView.fixture.tsx': { - module: fixture10, - }, - 'packages/app/fixtures/StorageQuotaIndicator.fixture.tsx': { - module: fixture11, - }, - 'packages/app/fixtures/StoppedNodePushSheet.fixture.tsx': { - module: fixture12, - }, + 'packages/app/fixtures/SummaryCollectionView.fixture.tsx': { module: fixture10 }, + 'packages/app/fixtures/StorageQuotaIndicator.fixture.tsx': { module: fixture11 }, + 'packages/app/fixtures/StoppedNodePushSheet.fixture.tsx': { module: fixture12 }, 'packages/app/fixtures/SplashSequence.fixture.tsx': { module: fixture13 }, 'packages/app/fixtures/SearchBar.fixture.tsx': { module: fixture14 }, 'packages/app/fixtures/ScreenHeader.fixture.tsx': { module: fixture15 }, @@ -122,9 +118,7 @@ const fixtures = { 'packages/app/fixtures/PostScreen.fixture.tsx': { module: fixture21 }, 'packages/app/fixtures/PostReference.fixture.tsx': { module: fixture22 }, 'packages/app/fixtures/PostErrorMessage.fixture.tsx': { module: fixture23 }, - 'packages/app/fixtures/ParentAgnosticKeyboardAvoidingView.fixture.tsx': { - module: fixture24, - }, + 'packages/app/fixtures/ParentAgnosticKeyboardAvoidingView.fixture.tsx': { module: fixture24 }, 'packages/app/fixtures/Onboarding.fixture.tsx': { module: fixture25 }, 'packages/app/fixtures/NotebookPost.fixture.tsx': { module: fixture26 }, 'packages/app/fixtures/MetaEditorScreen.fixture.tsx': { module: fixture27 }, @@ -132,16 +126,12 @@ const fixtures = { 'packages/app/fixtures/MessageActions.fixture.tsx': { module: fixture29 }, 'packages/app/fixtures/MediaImageViewer.fixture.tsx': { module: fixture30 }, 'packages/app/fixtures/InviteUsersSheet.fixture.tsx': { module: fixture31 }, - 'packages/app/fixtures/InviteFriendsToTlonButton.fixture.tsx': { - module: fixture32, - }, + 'packages/app/fixtures/InviteFriendsToTlonButton.fixture.tsx': { module: fixture32 }, 'packages/app/fixtures/Input.fixture.tsx': { module: fixture33 }, 'packages/app/fixtures/GroupListItem.fixture.tsx': { module: fixture34 }, 'packages/app/fixtures/GestureMediaViewer.fixture.tsx': { module: fixture35 }, 'packages/app/fixtures/GalleryPost.fixture.tsx': { module: fixture36 }, - 'packages/app/fixtures/ForwardChannelListItem.fixture.tsx': { - module: fixture37, - }, + 'packages/app/fixtures/ForwardChannelListItem.fixture.tsx': { module: fixture37 }, 'packages/app/fixtures/Form.fixture.tsx': { module: fixture38 }, 'packages/app/fixtures/FacePile.fixture.tsx': { module: fixture39 }, 'packages/app/fixtures/EmptyChannelNotice.fixture.tsx': { module: fixture40 }, @@ -156,9 +146,7 @@ const fixtures = { 'packages/app/fixtures/ChannelListItem.fixture.tsx': { module: fixture49 }, 'packages/app/fixtures/ChannelHeader.fixture.tsx': { module: fixture50 }, 'packages/app/fixtures/ChannelDivider.fixture.tsx': { module: fixture51 }, - 'packages/app/fixtures/ChannelConfigurationBar.fixture.tsx': { - module: fixture52, - }, + 'packages/app/fixtures/ChannelConfigurationBar.fixture.tsx': { module: fixture52 }, 'packages/app/fixtures/Channel.fixture.tsx': { module: fixture53 }, 'packages/app/fixtures/Carousel.fixture.tsx': { module: fixture54 }, 'packages/app/fixtures/ButtonV2.fixture.tsx': { module: fixture55 }, @@ -168,64 +156,34 @@ const fixtures = { 'packages/app/fixtures/AudioRecorder.fixture.tsx': { module: fixture59 }, 'packages/app/fixtures/AudioEmbed.fixture.tsx': { module: fixture60 }, 'packages/app/fixtures/AttestationPane.fixture.tsx': { module: fixture61 }, - 'packages/app/fixtures/AttachmentPreviewList.fixture.tsx': { - module: fixture62, - }, + 'packages/app/fixtures/AttachmentPreviewList.fixture.tsx': { module: fixture62 }, 'packages/app/fixtures/AddContactsView.fixture.tsx': { module: fixture63 }, 'packages/app/fixtures/Activity.fixture.tsx': { module: fixture64 }, - 'packages/app/fixtures/DetailView/NotebookDetailView.fixture.tsx': { - module: fixture65, - }, - 'packages/app/fixtures/DetailView/GalleryDetailView.fixture.tsx': { - module: fixture66, - }, - 'packages/app/fixtures/DetailView/ChatDetailView.fixture.tsx': { - module: fixture67, - }, - 'packages/app/fixtures/ActionSheet/ProfileSheet.fixture.tsx': { - module: fixture68, - }, - 'packages/app/fixtures/ActionSheet/GroupPreviewSheet.fixture.tsx': { - module: fixture69, - }, - 'packages/app/fixtures/ActionSheet/GroupJoinRequestSheet.fixture.tsx': { - module: fixture70, - }, - 'packages/app/fixtures/ActionSheet/GenericActionSheet.fixture.tsx': { - module: fixture71, - }, - 'packages/app/fixtures/ActionSheet/EditSectionNameSheet.fixture.tsx': { - module: fixture72, - }, - 'packages/app/fixtures/ActionSheet/CreateChannelSheet.fixture.tsx': { - module: fixture73, - }, - 'packages/app/fixtures/ActionSheet/AttachmentSheet.fixture.tsx': { - module: fixture74, - }, - 'packages/app/fixtures/ActionSheet/AddGalleryPostSheet.fixture.tsx': { - module: fixture75, - }, + 'packages/app/fixtures/DetailView/NotebookDetailView.fixture.tsx': { module: fixture65 }, + 'packages/app/fixtures/DetailView/GalleryDetailView.fixture.tsx': { module: fixture66 }, + 'packages/app/fixtures/DetailView/ChatDetailView.fixture.tsx': { module: fixture67 }, + 'packages/app/fixtures/ActionSheet/ProfileSheet.fixture.tsx': { module: fixture68 }, + 'packages/app/fixtures/ActionSheet/GroupPreviewSheet.fixture.tsx': { module: fixture69 }, + 'packages/app/fixtures/ActionSheet/GroupJoinRequestSheet.fixture.tsx': { module: fixture70 }, + 'packages/app/fixtures/ActionSheet/GenericActionSheet.fixture.tsx': { module: fixture71 }, + 'packages/app/fixtures/ActionSheet/EditSectionNameSheet.fixture.tsx': { module: fixture72 }, + 'packages/app/fixtures/ActionSheet/CreateChannelSheet.fixture.tsx': { module: fixture73 }, + 'packages/app/fixtures/ActionSheet/AttachmentSheet.fixture.tsx': { module: fixture74 }, + 'packages/app/fixtures/ActionSheet/AddGalleryPostSheet.fixture.tsx': { module: fixture75 }, 'apps/tlon-mobile/src/App.fixture.tsx': { module: fixture76 }, - 'apps/tlon-mobile/src/fixtures/TlonbotSetupScreen.fixture.tsx': { - module: fixture77, - }, - 'apps/tlon-mobile/src/fixtures/SetNicknameScreen.fixture.tsx': { - module: fixture78, - }, + 'apps/tlon-mobile/src/fixtures/TlonbotSetupScreen.fixture.tsx': { module: fixture77 }, + 'apps/tlon-mobile/src/fixtures/SetNicknameScreen.fixture.tsx': { module: fixture78 }, 'apps/tlon-mobile/src/fixtures/Onboarding.fixture.tsx': { module: fixture79 }, - 'apps/tlon-mobile/src/fixtures/InputToolbar.fixture.tsx': { - module: fixture80, - }, + 'apps/tlon-mobile/src/fixtures/InputToolbar.fixture.tsx': { module: fixture80 } }; const decorators = { 'packages/app/fixtures/cosmos.decorator.tsx': { module: decorator0 }, - 'apps/tlon-mobile/src/fixtures/cosmos.decorator.tsx': { module: decorator1 }, + 'apps/tlon-mobile/src/fixtures/cosmos.decorator.tsx': { module: decorator1 } }; export const moduleWrappers: UserModuleWrappers = { lazy: false, fixtures, - decorators, + decorators }; diff --git a/packages/app/ui/assets/videos/arvos.mp4 b/packages/app/ui/assets/videos/arvos.mp4 new file mode 100644 index 0000000000..f822de544f Binary files /dev/null and b/packages/app/ui/assets/videos/arvos.mp4 differ diff --git a/packages/app/ui/components/Wayfinding/FadingTextCarousel.tsx b/packages/app/ui/components/Wayfinding/FadingTextCarousel.tsx index 65ba219af5..6e8e59a7d3 100644 --- a/packages/app/ui/components/Wayfinding/FadingTextCarousel.tsx +++ b/packages/app/ui/components/Wayfinding/FadingTextCarousel.tsx @@ -15,6 +15,7 @@ interface FadingTextCarouselProps { holdMs?: number; fadeMs?: number; travelDistance?: number; + maxWidth?: number; } export function FadingTextCarousel({ @@ -22,6 +23,7 @@ export function FadingTextCarousel({ holdMs = 2400, fadeMs = 600, travelDistance = 12, + maxWidth, }: FadingTextCarouselProps) { const [index, setIndex] = useState(0); const opacity = useSharedValue(0); @@ -80,7 +82,7 @@ export function FadingTextCarousel({ } return ( - + {messages[index]} diff --git a/packages/app/ui/components/Wayfinding/TlonBotSetupPaneView.tsx b/packages/app/ui/components/Wayfinding/TlonBotSetupPaneView.tsx index d700972b9a..e79fa5b3d2 100644 --- a/packages/app/ui/components/Wayfinding/TlonBotSetupPaneView.tsx +++ b/packages/app/ui/components/Wayfinding/TlonBotSetupPaneView.tsx @@ -1,9 +1,13 @@ import { TlonText } from '@tloncorp/ui'; -import { View, YStack } from 'tamagui'; +import { useVideoPlayer } from 'expo-video/build/VideoPlayer'; +import { VideoView } from 'expo-video/build/VideoView'; +import { View, YStack, isWeb } from 'tamagui'; import { ScreenHeader } from '../ScreenHeader'; import { FadingTextCarousel } from './FadingTextCarousel'; -import { SegmentedSpinner } from './SegmentedSpinner'; + +const arvosVideo = require('../../assets/videos/arvos.mp4'); +const ARVOS_SIZE = 160; const noop = () => {}; @@ -14,6 +18,7 @@ const SETUP_MESSAGES = [ 'You can set up recurring reminders with your bot.', 'Use your bot to get updates from your group chats.', 'Your bot can process images and search the web.', + 'You can access Tlon Messenger on the web at tlon.io.', ]; export function TlonBotSetupPaneView(props: { @@ -39,7 +44,7 @@ export function TlonBotSetupPaneView(props: { } /> - + Setting up your Tlonbot... - + ); } + +function ArvosCircle() { + if (isWeb) { + return ( + + + ); + } + + return ; +} + +function ArvosCircleNative() { + const player = useVideoPlayer(arvosVideo, (p) => { + p.loop = true; + p.muted = true; + p.play(); + }); + + return ( + + + + ); +}