diff --git a/StackHeader.tsx b/StackHeader.tsx
index fde032c7..b83353d1 100644
--- a/StackHeader.tsx
+++ b/StackHeader.tsx
@@ -1,11 +1,14 @@
import {useNavigation} from '@react-navigation/native'
-import {FileSystem} from 'react-native-file-access'
import {Appbar, IconButton} from 'react-native-paper'
-import Share from 'react-native-share'
-import {captureScreen} from 'react-native-view-shot'
import useDark from './use-dark'
-export default function StackHeader({title}: {title: string}) {
+export default function StackHeader({
+ title,
+ children,
+}: {
+ title: string
+ children?: JSX.Element | JSX.Element[]
+}) {
const navigation = useNavigation()
const dark = useDark()
@@ -17,20 +20,7 @@ export default function StackHeader({title}: {title: string}) {
onPress={navigation.goBack}
/>
-
- captureScreen().then(async uri => {
- const base64 = await FileSystem.readFile(uri, 'base64')
- const url = `data:image/jpeg;base64,${base64}`
- Share.open({
- type: 'image/jpeg',
- url,
- })
- })
- }
- icon="share"
- />
+ {children}
)
}
diff --git a/ViewBest.tsx b/ViewBest.tsx
index 149751f7..09773f6b 100644
--- a/ViewBest.tsx
+++ b/ViewBest.tsx
@@ -2,7 +2,10 @@ import {RouteProp, useRoute} from '@react-navigation/native'
import {format} from 'date-fns'
import {useEffect, useMemo, useState} from 'react'
import {View} from 'react-native'
-import {List} from 'react-native-paper'
+import {FileSystem} from 'react-native-file-access'
+import {IconButton, List} from 'react-native-paper'
+import Share from 'react-native-share'
+import {captureScreen} from 'react-native-view-shot'
import {BestPageParams} from './BestPage'
import Chart from './Chart'
import {PADDING} from './constants'
@@ -12,6 +15,7 @@ import {Metrics} from './metrics'
import {Periods} from './periods'
import Select from './Select'
import StackHeader from './StackHeader'
+import useDark from './use-dark'
import Volume from './volume'
export default function ViewBest() {
@@ -20,6 +24,7 @@ export default function ViewBest() {
const [volumes, setVolumes] = useState()
const [metric, setMetric] = useState(Metrics.Weight)
const [period, setPeriod] = useState(Periods.Monthly)
+ const dark = useDark()
useEffect(() => {
console.log(`${ViewBest.name}.useEffect`, {metric})
@@ -105,7 +110,22 @@ export default function ViewBest() {
return (
<>
-
+
+
+ captureScreen().then(async uri => {
+ const base64 = await FileSystem.readFile(uri, 'base64')
+ const url = `data:image/jpeg;base64,${base64}`
+ Share.open({
+ type: 'image/jpeg',
+ url,
+ })
+ })
+ }
+ icon="share"
+ />
+