Merge branch 'main' into riteshshukla04-patch-4

src/components/Settings/components/info-tab.tsx

@@ -2,15 +2,15 @@ import { version } from '../../../../package.json'
 import { Text } from '../../Global/helpers/text'
 import SettingsListGroup from './settings-list-group'
 import { Linking } from 'react-native'
-import { ScrollView, XStack } from 'tamagui'
+import { ScrollView, XStack, YStack } from 'tamagui'
 import Icon from '../../Global/components/icon'
 import usePatrons from '../../../api/queries/patrons'
 import { useQuery } from '@tanstack/react-query'
-import INFO_CAPTIONS from '../utils/info-caption'
+import { INFO_CAPTIONS } from '../../../configs/info.config'
 import { ONE_HOUR } from '../../../constants/query-client'
 import { pickRandomItemFromArray } from '../../../utils/random'
 import { FlashList } from '@shopify/flash-list'
-
+import { getStoredOtaVersion } from 'react-native-nitro-ota'
 export default function InfoTab() {
 	const patrons = usePatrons()
 
@@ -19,8 +19,11 @@ export default function InfoTab() {
 		queryFn: () => `${pickRandomItemFromArray(INFO_CAPTIONS)}`,
 		staleTime: ONE_HOUR,
 		initialData: 'Live and in stereo',
+		refetchOnMount: 'always',
+		refetchOnWindowFocus: 'always',
 	})
-
+	const otaVersion = getStoredOtaVersion()
+	const otaVersionText = otaVersion ? `OTA Version: ${otaVersion}` : ''
 	return (
 		<ScrollView contentInsetAdjustmentBehavior='automatic'>
 			<SettingsListGroup
@@ -31,24 +34,34 @@ export default function InfoTab() {
 						iconName: 'jellyfish',
 						iconColor: '$primary',
 						children: (
-							<XStack gap={'$3'} marginTop={'$2'}>
-								<XStack
-									alignItems='center'
-									onPress={() =>
-										Linking.openURL('https://github.com/Jellify-Music/App')
-									}
-								>
-									<Icon name='code-tags' small color='$borderColor' />
-									<Text>View Source</Text>
+							<YStack>
+								{otaVersionText && (
+									<XStack gap={'$3'} marginTop={'$2'}>
+										<Text color='$borderColor'>{otaVersionText}</Text>
+									</XStack>
+								)}
+
+								<XStack gap={'$3'} marginTop={'$2'}>
+									<XStack
+										alignItems='center'
+										onPress={() =>
+											Linking.openURL('https://github.com/Jellify-Music/App')
+										}
+									>
+										<Icon name='code-tags' small color='$borderColor' />
+										<Text>View Source</Text>
+									</XStack>
+									<XStack
+										alignItems='center'
+										onPress={() =>
+											Linking.openURL('https://discord.gg/yf8fBatktn')
+										}
+									>
+										<Icon name='chat' small color='$borderColor' />
+										<Text>Join Discord</Text>
+									</XStack>
 								</XStack>
-								<XStack
-									alignItems='center'
-									onPress={() => Linking.openURL('https://discord.gg/yf8fBatktn')}
-								>
-									<Icon name='chat' small color='$borderColor' />
-									<Text>Join Discord</Text>
-								</XStack>
-							</XStack>
+							</YStack>
 						),
 					},
 					{

src/configs/info.config.ts

@@ -1,15 +1,22 @@
-const INFO_CAPTIONS = [
+export const INFO_CAPTIONS = [
 	// Wholesome stuff
 	'Made with love',
 
 	// Outside jokes (that anyone can get)
 	'Not made with real jellyfish',
+	'New high score!',
+	'You are lucky caller #13!!!', // classic phrase from ticket giveaways on the radio
 
 	// Inside Jokes (that the internal Jellify team will get)
 	'Thank you, Pikachu',
 	'Boosted by Nitro!', // since we use nitro modules
 	'git blame violet', // lol
+
+	// Jellyfin Team References
 	'Made possible by Niels', // O Captain, My Captain!
+	'Not approved by Venson', //
+	'Jellychan 4ever <3', // The official unofficial mascot of Jellyfin
+	'Coming soon (tm)', // ETA for Jellyfin X.Y
 
 	// Movie Quotes
 	'Groovy, baby!', // Austin Powers
@@ -22,5 +29,3 @@ const INFO_CAPTIONS = [
 	'─=≡Σ((( つ•̀ω•́)つ',
 	'･:*+.\\(( °ω° ))/.:+',
 ]
-
-export default INFO_CAPTIONS