From 53fc02b3d8863b1682bd11ec787da1848d15eab7 Mon Sep 17 00:00:00 2001
From: Brandon Fitzwater <brandonfitzh2o@gmail.com>
Date: Sun, 17 Sep 2023 13:45:26 -0400
Subject: [PATCH] chore: fix require cycle warning

---
 src/Time/AmPmSwitcher.tsx           | 2 +-
 src/Time/AnalogClock.tsx            | 2 +-
 src/Time/TimePicker.tsx             | 6 +-----
 src/contexts/DisplayModeContext.tsx | 6 ++++++
 4 files changed, 9 insertions(+), 7 deletions(-)
 create mode 100644 src/contexts/DisplayModeContext.tsx

diff --git a/src/Time/AmPmSwitcher.tsx b/src/Time/AmPmSwitcher.tsx
index ac133ef6..dcd4a8f8 100644
--- a/src/Time/AmPmSwitcher.tsx
+++ b/src/Time/AmPmSwitcher.tsx
@@ -4,7 +4,7 @@ import { MD2Theme, Text, TouchableRipple, useTheme } from 'react-native-paper'
 import { useMemo } from 'react'
 import Color from 'color'
 import { inputTypes, PossibleInputTypes, useSwitchColors } from './timeUtils'
-import { DisplayModeContext } from './TimePicker'
+import { DisplayModeContext } from '../contexts/DisplayModeContext'
 
 export default function AmPmSwitcher({
   onChange,
diff --git a/src/Time/AnalogClock.tsx b/src/Time/AnalogClock.tsx
index 7745c8fb..2dbaf736 100644
--- a/src/Time/AnalogClock.tsx
+++ b/src/Time/AnalogClock.tsx
@@ -22,7 +22,7 @@ import { useLatest } from '../utils'
 import AnalogClockHours from './AnalogClockHours'
 import AnimatedClockSwitcher from './AnimatedClockSwitcher'
 import AnalogClockMinutes from './AnalogClockMinutes'
-import { DisplayModeContext } from './TimePicker'
+import { DisplayModeContext } from '../contexts/DisplayModeContext'
 function AnalogClock({
   hours,
   minutes,
diff --git a/src/Time/TimePicker.tsx b/src/Time/TimePicker.tsx
index c704a72f..021dad06 100644
--- a/src/Time/TimePicker.tsx
+++ b/src/Time/TimePicker.tsx
@@ -12,11 +12,7 @@ import {
 import AnalogClock from './AnalogClock'
 import { circleSize } from './timeUtils'
 import TimeInputs from './TimeInputs'
-
-export const DisplayModeContext = React.createContext<{
-  mode: 'AM' | 'PM' | undefined
-  setMode: React.Dispatch<React.SetStateAction<'AM' | 'PM' | undefined>>
-}>({ mode: 'AM', setMode: () => {} })
+import { DisplayModeContext } from '../contexts/DisplayModeContext'
 
 type onChangeFunc = ({
   hours,
diff --git a/src/contexts/DisplayModeContext.tsx b/src/contexts/DisplayModeContext.tsx
new file mode 100644
index 00000000..055bc8af
--- /dev/null
+++ b/src/contexts/DisplayModeContext.tsx
@@ -0,0 +1,6 @@
+import * as React from 'react'
+
+export const DisplayModeContext = React.createContext<{
+  mode: 'AM' | 'PM' | undefined
+  setMode: React.Dispatch<React.SetStateAction<'AM' | 'PM' | undefined>>
+}>({ mode: 'AM', setMode: () => {} })