zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Implement logging system

Browse source
This commit is contained in:
Paul Frazee 2023-01-02 17:38:13 -06:00
parent 99cec71ed7
commit f6a0e634d7
39 changed files with 442 additions and 125 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/view/com/composer/PhotoCarouselPicker.tsx
View file

@ -1,7 +1,6 @@
import React, {useCallback} from 'react'
import {Image, StyleSheet, TouchableOpacity, ScrollView} from 'react-native'
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
import {colors} from '../../lib/styles'
import {
openPicker,
openCamera,
@ -9,6 +8,7 @@ import {
} from 'react-native-image-crop-picker'
import {compressIfNeeded} from '../../../lib/images'
import {usePalette} from '../../lib/hooks/usePalette'
import {useStores} from '../../../state'
const IMAGE_PARAMS = {
width: 1000,
@ -28,6 +28,7 @@ export const PhotoCarouselPicker = ({
localPhotos: any
}) => {
const pal = usePalette('default')
const store = useStores()
const handleOpenCamera = useCallback(async () => {
try {
const cameraRes = await openCamera({
@ -37,11 +38,11 @@ export const PhotoCarouselPicker = ({
})
const uri = await compressIfNeeded(cameraRes, 300000)
onSelectPhotos([uri, ...selectedPhotos])
} catch (err) {
} catch (err: any) {
// ignore
console.log('Error using camera', err)
store.log.warn('Error using camera', err.toString())
}
}, [selectedPhotos, onSelectPhotos])
}, [store.log, selectedPhotos, onSelectPhotos])
const handleSelectPhoto = useCallback(
async (uri: string) => {
@ -53,12 +54,12 @@ export const PhotoCarouselPicker = ({
})
const finalUri = await compressIfNeeded(cropperRes, 300000)
onSelectPhotos([finalUri, ...selectedPhotos])
} catch (err) {
} catch (err: any) {
// ignore
console.log('Error selecting photo', err)
store.log.warn('Error selecting photo', err.toString())
}
},
[selectedPhotos, onSelectPhotos],
[store.log, selectedPhotos, onSelectPhotos],
)
const handleOpenGallery = useCallback(() => {

19
src/view/com/discover/SuggestedFollows.tsx
View file

@ -42,11 +42,12 @@ export const SuggestedFollows = observer(
)
useEffect(() => {
console.log('Fetching suggested actors')
view
.setup()
.catch((err: any) => console.error('Failed to fetch suggestions', err))
}, [view])
.catch((err: any) =>
store.log.error('Failed to fetch suggestions', err.toString()),
)
}, [view, store.log])
useEffect(() => {
if (!view.isLoading && !view.hasError && !view.hasContent) {
@ -57,14 +58,16 @@ export const SuggestedFollows = observer(
const onPressTryAgain = () =>
view
.setup()
.catch((err: any) => console.error('Failed to fetch suggestions', err))
.catch((err: any) =>
store.log.error('Failed to fetch suggestions', err.toString()),
)
const onPressFollow = async (item: SuggestedActor) => {
try {
const res = await apilib.follow(store, item.did, item.declaration.cid)
setFollows({[item.did]: res.uri, ...follows})
} catch (e) {
console.log(e)
} catch (e: any) {
store.log.error('Failed fo create follow', {error: e.toString(), item})
Toast.show('An issue occurred, please try again.')
}
}
@ -72,8 +75,8 @@ export const SuggestedFollows = observer(
try {
await apilib.unfollow(store, follows[item.did])
setFollows(_omit(follows, [item.did]))
} catch (e) {
console.log(e)
} catch (e: any) {
store.log.error('Failed fo delete follow', {error: e.toString(), item})
Toast.show('An issue occurred, please try again.')
}
}

10
src/view/com/login/CreateAccount.tsx
View file

@ -44,7 +44,6 @@ export const CreateAccount = ({onPressBack}: {onPressBack: () => void}) => {
let aborted = false
setError('')
setServiceDescription(undefined)
console.log('Fetching service description', serviceUrl)
store.session.describeService(serviceUrl).then(
desc => {
if (aborted) return
@ -53,7 +52,10 @@ export const CreateAccount = ({onPressBack}: {onPressBack: () => void}) => {
},
err => {
if (aborted) return
console.error(err)
store.log.warn(
`Failed to fetch service description for ${serviceUrl}`,
err.toString(),
)
setError(
'Unable to contact your service. Please check your Internet connection.',
)
@ -62,7 +64,7 @@ export const CreateAccount = ({onPressBack}: {onPressBack: () => void}) => {
return () => {
aborted = true
}
}, [serviceUrl, store.session])
}, [serviceUrl, store.session, store.log])
const onPressSelectService = () => {
store.shell.openModal(new ServerInputModal(serviceUrl, setServiceUrl))
@ -98,7 +100,7 @@ export const CreateAccount = ({onPressBack}: {onPressBack: () => void}) => {
errMsg =
'Invite code not accepted. Check that you input it correctly and try again.'
}
console.log(e)
store.log.warn('Failed to create account', e.toString())
setIsProcessing(false)
setError(errMsg.replace(/^Error:/, ''))
}

14
src/view/com/login/Signin.tsx
View file

@ -44,7 +44,6 @@ export const Signin = ({onPressBack}: {onPressBack: () => void}) => {
useEffect(() => {
let aborted = false
setError('')
console.log('Fetching service description', serviceUrl)
store.session.describeService(serviceUrl).then(
desc => {
if (aborted) return
@ -52,7 +51,10 @@ export const Signin = ({onPressBack}: {onPressBack: () => void}) => {
},
err => {
if (aborted) return
console.error(err)
store.log.warn(
`Failed to fetch service description for ${serviceUrl}`,
err.toString(),
)
setError(
'Unable to contact your service. Please check your Internet connection.',
)
@ -61,7 +63,7 @@ export const Signin = ({onPressBack}: {onPressBack: () => void}) => {
return () => {
aborted = true
}
}, [store.session, serviceUrl])
}, [store.session, store.log, serviceUrl])
return (
<KeyboardAvoidingView behavior="padding" style={{flex: 1}}>
@ -169,7 +171,7 @@ const LoginForm = ({
})
} catch (e: any) {
const errMsg = e.toString()
console.log(e)
store.log.warn('Failed to login', e.toString())
setIsProcessing(false)
if (errMsg.includes('Authentication Required')) {
setError('Invalid username or password')
@ -305,7 +307,7 @@ const ForgotPasswordForm = ({
onEmailSent()
} catch (e: any) {
const errMsg = e.toString()
console.log(e)
store.log.warn('Failed to request password reset', e.toString())
setIsProcessing(false)
if (isNetworkError(e)) {
setError(
@ -417,7 +419,7 @@ const SetNewPasswordForm = ({
onPasswordSet()
} catch (e: any) {
const errMsg = e.toString()
console.log(e)
store.log.warn('Failed to set new password', e.toString())
setIsProcessing(false)
if (isNetworkError(e)) {
setError(

18
src/view/com/modals/CreateScene.tsx
View file

@ -55,7 +55,13 @@ export function Component({}: {}) {
displayName,
description,
})
.catch(e => console.error(e)) // an error here is not critical
.catch(e =>
// an error here is not critical
store.log.error(
'Failed to update scene profile during creation',
e.toString(),
),
)
// follow the scene
await store.api.app.bsky.graph.follow
.create(
@ -70,7 +76,13 @@ export function Component({}: {}) {
createdAt: new Date().toISOString(),
},
)
.catch(e => console.error(e)) // an error here is not critical
.catch(e =>
// an error here is not critical
store.log.error(
'Failed to follow scene after creation',
e.toString(),
),
)
Toast.show('Scene created')
store.shell.closeModal()
store.nav.navigate(`/profile/${fullHandle}`)
@ -82,7 +94,7 @@ export function Component({}: {}) {
} else if (e instanceof AppBskyActorCreateScene.HandleNotAvailableError) {
setError(`The handle "${handle}" is not available.`)
} else {
console.error(e)
store.log.error('Failed to create scene', e.toString())
setError(
'Failed to create the scene. Check your internet connection and try again.',
)

12
src/view/com/modals/InviteToScene.tsx
View file

@ -84,9 +84,9 @@ export const Component = observer(function Component({
)
setCreatedInvites({[follow.did]: assertionUri, ...createdInvites})
Toast.show('Invite sent')
} catch (e) {
} catch (e: any) {
setError('There was an issue with the invite. Please try again.')
console.error(e)
store.log.error('Failed to invite user to scene', e.toString())
}
}
const onPressUndo = async (subjectDid: string, assertionUri: string) => {
@ -98,9 +98,9 @@ export const Component = observer(function Component({
rkey: urip.rkey,
})
setCreatedInvites(_omit(createdInvites, [subjectDid]))
} catch (e) {
} catch (e: any) {
setError('There was an issue with the invite. Please try again.')
console.error(e)
store.log.error('Failed to delete a scene invite', e.toString())
}
}
@ -117,9 +117,9 @@ export const Component = observer(function Component({
...deletedPendingInvites,
})
Toast.show('Invite removed')
} catch (e) {
} catch (e: any) {
setError('There was an issue with the invite. Please try again.')
console.error(e)
store.log.error('Failed to delete an invite', e.toString())
}
}

18
src/view/com/notifications/Feed.tsx
View file

@ -36,10 +36,24 @@ export const Feed = observer(function Feed({
return <FeedItem item={item} />
}
const onRefresh = () => {
view.refresh().catch(err => console.error('Failed to refresh', err))
view
.refresh()
.catch(err =>
view.rootStore.log.error(
'Failed to refresh notifications feed',
err.toString(),
),
)
}
const onEndReached = () => {
view.loadMore().catch(err => console.error('Failed to load more', err))
view
.loadMore()
.catch(err =>
view.rootStore.log.error(
'Failed to load more notifications',
err.toString(),
),
)
}
let data
if (view.hasLoaded) {

6
src/view/com/post-thread/PostRepostedBy.tsx
View file

@ -22,15 +22,15 @@ export const PostRepostedBy = observer(function PostRepostedBy({
useEffect(() => {
if (view?.params.uri === uri) {
console.log('Reposted by doing nothing')
return // no change needed? or trigger refresh?
}
console.log('Fetching Reposted by', uri)
const newView = new RepostedByViewModel(store, {uri})
setView(newView)
newView
.setup()
.catch(err => console.error('Failed to fetch reposted by', err))
.catch(err =>
store.log.error('Failed to fetch reposted by', err.toString()),
)
}, [uri, view?.params.uri, store])
const onRefresh = () => {

9
src/view/com/post-thread/PostThread.tsx
View file

@ -18,7 +18,14 @@ export const PostThread = observer(function PostThread({
const ref = useRef<FlatList>(null)
const posts = view.thread ? Array.from(flattenThread(view.thread)) : []
const onRefresh = () => {
view?.refresh().catch(err => console.error('Failed to refresh', err))
view
?.refresh()
.catch(err =>
view.rootStore.log.error(
'Failed to refresh posts thread',
err.toString(),
),
)
}
const onLayout = () => {
const index = posts.findIndex(post => post._isHighlightedPost)

6
src/view/com/post-thread/PostThreadItem.tsx
View file

@ -72,12 +72,12 @@ export const PostThreadItem = observer(function PostThreadItem({
const onPressToggleRepost = () => {
item
.toggleRepost()
.catch(e => console.error('Failed to toggle repost', record, e))
.catch(e => store.log.error('Failed to toggle repost', e.toString()))
}
const onPressToggleUpvote = () => {
item
.toggleUpvote()
.catch(e => console.error('Failed to toggle upvote', record, e))
.catch(e => store.log.error('Failed to toggle upvote', e.toString()))
}
const onCopyPostText = () => {
Clipboard.setString(record.text)
@ -90,7 +90,7 @@ export const PostThreadItem = observer(function PostThreadItem({
Toast.show('Post deleted')
},
e => {
console.error(e)
store.log.error('Failed to delete post', e.toString())
Toast.show('Failed to delete post, please try again')
},
)

6
src/view/com/post-thread/PostVotedBy.tsx
View file

@ -24,13 +24,13 @@ export const PostVotedBy = observer(function PostVotedBy({
useEffect(() => {
if (view?.params.uri === uri) {
console.log('Voted by doing nothing')
return // no change needed? or trigger refresh?
}
console.log('Fetching voted by', uri)
const newView = new VotesViewModel(store, {uri, direction})
setView(newView)
newView.setup().catch(err => console.error('Failed to fetch voted by', err))
newView
.setup()
.catch(err => store.log.error('Failed to fetch voted by', err.toString()))
}, [uri, view?.params.uri, store])
const onRefresh = () => {

10
src/view/com/post/Post.tsx
View file

@ -47,7 +47,9 @@ export const Post = observer(function Post({
}
const newView = new PostThreadViewModel(store, {uri, depth: 0})
setView(newView)
newView.setup().catch(err => console.error('Failed to fetch post', err))
newView
.setup()
.catch(err => store.log.error('Failed to fetch post', err.toString()))
}, [initView, uri, view?.params.uri, store])
// deleted
@ -110,12 +112,12 @@ export const Post = observer(function Post({
const onPressToggleRepost = () => {
item
.toggleRepost()
.catch(e => console.error('Failed to toggle repost', record, e))
.catch(e => store.log.error('Failed to toggle repost', e.toString()))
}
const onPressToggleUpvote = () => {
item
.toggleUpvote()
.catch(e => console.error('Failed to toggle upvote', record, e))
.catch(e => store.log.error('Failed to toggle upvote', e.toString()))
}
const onCopyPostText = () => {
Clipboard.setString(record.text)
@ -128,7 +130,7 @@ export const Post = observer(function Post({
Toast.show('Post deleted')
},
e => {
console.error(e)
store.log.error('Failed to delete post', e.toString())
Toast.show('Failed to delete post, please try again')
},
)

4
src/view/com/post/PostText.tsx
View file

@ -23,7 +23,9 @@ export const PostText = observer(function PostText({
}
const newModel = new PostModel(store, uri)
setModel(newModel)
newModel.setup().catch(err => console.error('Failed to fetch post', err))
newModel
.setup()
.catch(err => store.log.error('Failed to fetch post', err.toString()))
}, [uri, model?.uri, store])
// loading

15
src/view/com/posts/Feed.tsx
View file

@ -53,10 +53,21 @@ export const Feed = observer(function Feed({
}
}
const onRefresh = () => {
feed.refresh().catch(err => console.error('Failed to refresh', err))
feed
.refresh()
.catch(err =>
feed.rootStore.log.error(
'Failed to refresh posts feed',
err.toString(),
),
)
}
const onEndReached = () => {
feed.loadMore().catch(err => console.error('Failed to load more', err))
feed
.loadMore()
.catch(err =>
feed.rootStore.log.error('Failed to load more posts', err.toString()),
)
}
let data
if (feed.hasLoaded) {

6
src/view/com/posts/FeedItem.tsx
View file

@ -69,12 +69,12 @@ export const FeedItem = observer(function ({
const onPressToggleRepost = () => {
item
.toggleRepost()
.catch(e => console.error('Failed to toggle repost', record, e))
.catch(e => store.log.error('Failed to toggle repost', e.toString()))
}
const onPressToggleUpvote = () => {
item
.toggleUpvote()
.catch(e => console.error('Failed to toggle upvote', record, e))
.catch(e => store.log.error('Failed to toggle upvote', e.toString()))
}
const onCopyPostText = () => {
Clipboard.setString(record.text)
@ -87,7 +87,7 @@ export const FeedItem = observer(function ({
Toast.show('Post deleted')
},
e => {
console.error(e)
store.log.error('Failed to delete post', e.toString())
Toast.show('Failed to delete post, please try again')
},
)

6
src/view/com/profile/ProfileFollowers.tsx
View file

@ -23,15 +23,15 @@ export const ProfileFollowers = observer(function ProfileFollowers({
useEffect(() => {
if (view?.params.user === name) {
console.log('User followers doing nothing')
return // no change needed? or trigger refresh?
}
console.log('Fetching user followers', name)
const newView = new UserFollowersViewModel(store, {user: name})
setView(newView)
newView
.setup()
.catch(err => console.error('Failed to fetch user followers', err))
.catch(err =>
store.log.error('Failed to fetch user followers', err.toString()),
)
}, [name, view?.params.user, store])
const onRefresh = () => {

6
src/view/com/profile/ProfileFollows.tsx
View file

@ -23,15 +23,15 @@ export const ProfileFollows = observer(function ProfileFollows({
useEffect(() => {
if (view?.params.user === name) {
console.log('User follows doing nothing')
return // no change needed? or trigger refresh?
}
console.log('Fetching user follows', name)
const newView = new UserFollowsViewModel(store, {user: name})
setView(newView)
newView
.setup()
.catch(err => console.error('Failed to fetch user follows', err))
.catch(err =>
store.log.error('Failed to fetch user follows', err.toString()),
)
}, [name, view?.params.user, store])
const onRefresh = () => {

6
src/view/com/profile/ProfileHeader.tsx
View file

@ -52,7 +52,7 @@ export const ProfileHeader = observer(function ProfileHeader({
}`,
)
},
err => console.error('Failed to toggle follow', err),
err => store.log.error('Failed to toggle follow', err.toString()),
)
}
const onPressEditProfile = () => {
@ -94,7 +94,7 @@ export const ProfileHeader = observer(function ProfileHeader({
await view.muteAccount()
Toast.show('Account muted')
} catch (e: any) {
console.error(e)
store.log.error('Failed to mute account', e.toString())
Toast.show(`There was an issue! ${e.toString()}`)
}
}
@ -103,7 +103,7 @@ export const ProfileHeader = observer(function ProfileHeader({
await view.unmuteAccount()
Toast.show('Account unmuted')
} catch (e: any) {
console.error(e)
store.log.error('Failed to unmute account', e.toString())
Toast.show(`There was an issue! ${e.toString()}`)
}
}

6
src/view/com/profile/ProfileMembers.tsx
View file

@ -16,13 +16,13 @@ export const ProfileMembers = observer(function ProfileMembers({
useEffect(() => {
if (view?.params.actor === name) {
console.log('Members doing nothing')
return // no change needed? or trigger refresh?
}
console.log('Fetching members', name)
const newView = new MembersViewModel(store, {actor: name})
setView(newView)
newView.setup().catch(err => console.error('Failed to fetch members', err))
newView
.setup()
.catch(err => store.log.error('Failed to fetch members', err.toString()))
}, [name, view?.params.actor, store])
const onRefresh = () => {

3
src/view/com/util/ViewHeader.tsx
View file

@ -45,8 +45,7 @@ export const ViewHeader = observer(function ViewHeader({
}
const onPressReconnect = () => {
store.session.connect().catch(e => {
// log for debugging but ignore otherwise
console.log(e)
store.log.warn('Failed to reconnect to server', e)
})
}
if (typeof canGoBack === 'undefined') {

4
src/view/index.ts
View file

@ -4,6 +4,7 @@ import {faAddressCard} from '@fortawesome/free-regular-svg-icons/faAddressCard'
import {faAngleDown} from '@fortawesome/free-solid-svg-icons/faAngleDown'
import {faAngleLeft} from '@fortawesome/free-solid-svg-icons/faAngleLeft'
import {faAngleRight} from '@fortawesome/free-solid-svg-icons/faAngleRight'
import {faAngleUp} from '@fortawesome/free-solid-svg-icons/faAngleUp'
import {faArrowLeft} from '@fortawesome/free-solid-svg-icons/faArrowLeft'
import {faArrowRight} from '@fortawesome/free-solid-svg-icons/faArrowRight'
import {faArrowUp} from '@fortawesome/free-solid-svg-icons/faArrowUp'
@ -38,6 +39,7 @@ import {faHeart as fasHeart} from '@fortawesome/free-solid-svg-icons/faHeart'
import {faHouse} from '@fortawesome/free-solid-svg-icons/faHouse'
import {faImage as farImage} from '@fortawesome/free-regular-svg-icons/faImage'
import {faImage} from '@fortawesome/free-solid-svg-icons/faImage'
import {faInfo} from '@fortawesome/free-solid-svg-icons/faInfo'
import {faLink} from '@fortawesome/free-solid-svg-icons/faLink'
import {faLock} from '@fortawesome/free-solid-svg-icons/faLock'
import {faMagnifyingGlass} from '@fortawesome/free-solid-svg-icons/faMagnifyingGlass'
@ -71,6 +73,7 @@ export function setup() {
faAngleDown,
faAngleLeft,
faAngleRight,
faAngleUp,
faArrowLeft,
faArrowRight,
faArrowUp,
@ -105,6 +108,7 @@ export function setup() {
faHouse,
faImage,
farImage,
faInfo,
faLink,
faLock,
faMagnifyingGlass,

4
src/view/routes.ts
View file

@ -16,6 +16,7 @@ import {ProfileFollows} from './screens/ProfileFollows'
import {ProfileMembers} from './screens/ProfileMembers'
import {Settings} from './screens/Settings'
import {Debug} from './screens/Debug'
import {Log} from './screens/Log'
export type ScreenParams = {
navIdx: [number, number]
@ -72,7 +73,8 @@ export const routes: Route[] = [
'retweet',
r('/profile/(?<name>[^/]+)/post/(?<rkey>[^/]+)/reposted-by'),
],
[Debug, 'Debug', 'house', r('/debug')],
[Debug, 'Debug', 'house', r('/sys/debug')],
[Log, 'Log', 'house', r('/sys/log')],
]
export function match(url: string): MatchResult {

8
src/view/screens/Home.tsx
View file

@ -35,9 +35,9 @@ export const Home = observer(function Home({
if (store.me.mainFeed.isLoading) {
return
}
console.log('Polling home feed')
store.log.debug('Polling home feed')
store.me.mainFeed.checkForLatest().catch(e => {
console.error('Failed to poll feed', e)
store.log.error('Failed to poll feed', e.toString())
})
}
@ -49,12 +49,12 @@ export const Home = observer(function Home({
}
if (hasSetup) {
console.log('Updating home feed')
store.log.debug('Updating home feed')
store.me.mainFeed.update()
doPoll()
} else {
store.nav.setTitle(navIdx, 'Home')
console.log('Fetching home feed')
store.log.debug('Fetching home feed')
store.me.mainFeed.setup().then(() => {
if (aborted) return
setHasSetup(true)

100
src/view/screens/Log.tsx Normal file
View file

@ -0,0 +1,100 @@
import React, {useEffect} from 'react'
import {ScrollView, StyleSheet, TouchableOpacity, View} from 'react-native'
import {observer} from 'mobx-react-lite'
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
import {useStores} from '../../state'
import {ScreenParams} from '../routes'
import {s} from '../lib/styles'
import {ViewHeader} from '../com/util/ViewHeader'
import {Text} from '../com/util/text/Text'
import {usePalette} from '../lib/hooks/usePalette'
import {ago} from '../../lib/strings'
export const Log = observer(function Log({navIdx, visible}: ScreenParams) {
const pal = usePalette('default')
const store = useStores()
const [expanded, setExpanded] = React.useState<string[]>([])
useEffect(() => {
if (!visible) {
return
}
store.shell.setMinimalShellMode(false)
store.nav.setTitle(navIdx, 'Log')
}, [visible, store])
const toggler = (id: string) => () => {
if (expanded.includes(id)) {
setExpanded(expanded.filter(v => v !== id))
} else {
setExpanded([...expanded, id])
}
}
return (
<View style={[s.flex1]}>
<ViewHeader title="Log" />
<ScrollView style={s.flex1}>
{store.log.entries
.slice(0)
.reverse()
.map(entry => {
return (
<View key={`entry-${entry.id}`}>
<TouchableOpacity
style={[styles.entry, pal.border, pal.view]}
onPress={toggler(entry.id)}>
{entry.type === 'debug' ? (
<FontAwesomeIcon icon="info" />
) : (
<FontAwesomeIcon icon="exclamation" style={s.red3} />
)}
<Text type="body2" style={[styles.summary, pal.text]}>
{entry.summary}
</Text>
{!!entry.details ? (
<FontAwesomeIcon
icon={
expanded.includes(entry.id) ? 'angle-up' : 'angle-down'
}
style={s.mr5}
/>
) : undefined}
<Text type="body2" style={[styles.ts, pal.textLight]}>
{entry.ts ? ago(entry.ts) : ''}
</Text>
</TouchableOpacity>
{expanded.includes(entry.id) ? (
<View style={[pal.btn, styles.details]}>
<Text type="body1" style={pal.text}>
{entry.details}
</Text>
</View>
) : undefined}
</View>
)
})}
<View style={{height: 100}} />
</ScrollView>
</View>
)
})
const styles = StyleSheet.create({
entry: {
flexDirection: 'row',
borderTopWidth: 1,
paddingVertical: 10,
paddingHorizontal: 6,
},
summary: {
flex: 1,
},
ts: {
width: 40,
},
details: {
paddingVertical: 10,
paddingHorizontal: 6,
},
})

4
src/view/screens/Notifications.tsx
View file

@ -14,12 +14,12 @@ export const Notifications = ({navIdx, visible}: ScreenParams) => {
if (!visible) {
return
}
console.log('Updating notifications feed')
store.log.debug('Updating notifications feed')
store.me.refreshMemberships() // needed for the invite notifications
store.me.notifications
.update()
.catch(e => {
console.error('Error while updating notifications feed', e)
store.log.error('Error while updating notifications feed', e.toString())
})
.then(() => {
store.me.notifications.updateReadState()

5
src/view/screens/PostThread.tsx
View file

@ -31,7 +31,6 @@ export const PostThread = ({navIdx, visible, params}: ScreenParams) => {
setTitle()
store.shell.setMinimalShellMode(false)
if (!view.hasLoaded && !view.isLoading) {
console.log('Fetching post thread', uri)
view.setup().then(
() => {
if (!aborted) {
@ -39,14 +38,14 @@ export const PostThread = ({navIdx, visible, params}: ScreenParams) => {
}
},
err => {
console.error('Failed to fetch thread', err)
store.log.error('Failed to fetch thread', err.toString())
},
)
}
return () => {
aborted = true
}
}, [visible, store.nav, name])
}, [visible, store.nav, store.log, name])
return (
<View style={{flex: 1}}>

13
src/view/screens/Profile.tsx
View file

@ -40,10 +40,8 @@ export const Profile = observer(({navIdx, visible, params}: ScreenParams) => {
return
}
if (hasSetup) {
console.log('Updating profile for', params.name)
uiState.update()
} else {
console.log('Fetching profile for', params.name)
store.nav.setTitle(navIdx, params.name)
uiState.setup().then(() => {
if (aborted) return
@ -64,12 +62,19 @@ export const Profile = observer(({navIdx, visible, params}: ScreenParams) => {
const onRefresh = () => {
uiState
.refresh()
.catch((err: any) => console.error('Failed to refresh', err))
.catch((err: any) =>
store.log.error('Failed to refresh user profile', err.toString()),
)
}
const onEndReached = () => {
uiState
.loadMore()
.catch((err: any) => console.error('Failed to load more', err))
.catch((err: any) =>
store.log.error(
'Failed to load more entries in user profile',
err.toString(),
),
)
}
const onPressTryAgain = () => {
uiState.setup()

20
src/view/screens/Settings.tsx
View file

@ -3,7 +3,7 @@ import {StyleSheet, TouchableOpacity, View} from 'react-native'
import {observer} from 'mobx-react-lite'
import {useStores} from '../../state'
import {ScreenParams} from '../routes'
import {s, colors} from '../lib/styles'
import {s} from '../lib/styles'
import {ViewHeader} from '../com/util/ViewHeader'
import {Link} from '../com/util/Link'
import {Text} from '../com/util/text/Text'
@ -32,7 +32,7 @@ export const Settings = observer(function Settings({
return (
<View style={[s.flex1]}>
<ViewHeader title="Settings" />
<View style={[s.mt10, s.pl10, s.pr10]}>
<View style={[s.mt10, s.pl10, s.pr10, s.flex1]}>
<View style={[s.flexRow]}>
<Text style={pal.text}>Signed in as</Text>
<View style={s.flex1} />
@ -61,9 +61,23 @@ export const Settings = observer(function Settings({
</View>
</View>
</Link>
<Link href="/debug" title="Debug tools">
<View style={s.flex1} />
<Text type="overline1" style={[s.mb5]}>
Advanced
</Text>
<Link
style={[pal.view, s.p10, s.mb2]}
href="/sys/log"
title="System log">
<Text style={pal.link}>System log</Text>
</Link>
<Link
style={[pal.view, s.p10, s.mb2]}
href="/sys/debug"
title="Debug tools">
<Text style={pal.link}>Debug tools</Text>
</Link>
<View style={{height: 100}} />
</View>
</View>
)