diff options
Diffstat (limited to 'src/components/Clock.tsx')
| -rw-r--r-- | src/components/Clock.tsx | 17 |
1 files changed, 14 insertions, 3 deletions
diff --git a/src/components/Clock.tsx b/src/components/Clock.tsx index f41a298..cbf1857 100644 --- a/src/components/Clock.tsx +++ b/src/components/Clock.tsx @@ -1,5 +1,8 @@ import React, {useEffect, useMemo, useState} from 'react'; -import {Text, View} from 'react-native'; +import {Pressable, Text, View} from 'react-native'; +// @ts-expect-error No declaration file +import IntentLauncher from '@angelkrak/react-native-intent-launcher'; +import {useStableCallback} from '../hooks/useStableCallback'; export const Clock: React.FC = React.memo(() => { const [date, setDate] = useState(() => new Date()); @@ -28,10 +31,18 @@ export const Clock: React.FC = React.memo(() => { return formatter.format(date); }, [date]); + const showAlarms = useStableCallback(() => + IntentLauncher.startActivity({ + action: 'android.intent.action.SHOW_ALARMS', + }), + ); + return ( <View className="p-6"> - <Text className="text-4xl font-bold">{timeText}</Text> - <Text className="text-lg">{dateText}</Text> + <Pressable onPress={showAlarms} className="self-start"> + <Text className="text-4xl font-bold">{timeText}</Text> + <Text className="text-lg">{dateText}</Text> + </Pressable> </View> ); }); |
