Page MenuHomePhabricator
Files F3332745

D9551.id32320.diff
No OneTemporary
Actions

D9551.id32320.diff
View Options

diff --git a/lib/hooks/theme.js b/lib/hooks/theme.js
new file mode 100644
--- /dev/null
+++ b/lib/hooks/theme.js
@@ -0,0 +1,37 @@
+// @flow
+
+import * as React from 'react';
+import { useDispatch } from 'react-redux';
+
+import { updateThemeInfoActionType } from '../actions/theme-actions.js';
+import type { Shape } from '../types/core.js';
+import type { GlobalTheme, GlobalThemeInfo } from '../types/theme-types.js';
+import { useSelector } from '../utils/redux-utils.js';
+
+function useUpdateSystemTheme(): (colorScheme: ?GlobalTheme) => mixed {
+ const globalThemeInfo = useSelector(state => state.globalThemeInfo);
+ const dispatch = useDispatch();
+
+ return React.useCallback(
+ (colorScheme: ?GlobalTheme) => {
+ if (globalThemeInfo.systemTheme === colorScheme) {
+ return;
+ }
+
+ let updateObject: Shape<GlobalThemeInfo> = {
+ systemTheme: colorScheme,
+ };
+ if (globalThemeInfo.preference === 'system') {
+ updateObject = { ...updateObject, activeTheme: colorScheme };
+ }
+
+ dispatch({
+ type: updateThemeInfoActionType,
+ payload: updateObject,
+ });
+ },
+ [globalThemeInfo, dispatch],
+ );
+}
+
+export { useUpdateSystemTheme };
diff --git a/native/themes/theme-handler.react.js b/native/themes/theme-handler.react.js
--- a/native/themes/theme-handler.react.js
+++ b/native/themes/theme-handler.react.js
@@ -3,38 +3,13 @@
import invariant from 'invariant';
import * as React from 'react';
import { Appearance } from 'react-native';
-import { useDispatch } from 'react-redux';
-import { updateThemeInfoActionType } from 'lib/actions/theme-actions.js';
-import type { Shape } from 'lib/types/core.js';
-import type { GlobalTheme, GlobalThemeInfo } from 'lib/types/theme-types.js';
+import { useUpdateSystemTheme } from 'lib/hooks/theme.js';
-import { useSelector } from '../redux/redux-utils.js';
import { osCanTheme } from '../themes/theme-utils.js';
function ThemeHandler(): null {
- const globalThemeInfo = useSelector(state => state.globalThemeInfo);
- const dispatch = useDispatch();
- const updateSystemTheme = React.useCallback(
- (colorScheme: ?GlobalTheme) => {
- if (globalThemeInfo.systemTheme === colorScheme) {
- return;
- }
-
- let updateObject: Shape<GlobalThemeInfo> = {
- systemTheme: colorScheme,
- };
- if (globalThemeInfo.preference === 'system') {
- updateObject = { ...updateObject, activeTheme: colorScheme };
- }
-
- dispatch({
- type: updateThemeInfoActionType,
- payload: updateObject,
- });
- },
- [globalThemeInfo, dispatch],
- );
+ const updateSystemTheme = useUpdateSystemTheme();
React.useEffect(() => {
if (!osCanTheme) {
@@ -54,7 +29,9 @@
}, [updateSystemTheme]);
React.useEffect(
- () => updateSystemTheme(Appearance.getColorScheme()),
+ () => {
+ updateSystemTheme(Appearance.getColorScheme());
+ },
// eslint-disable-next-line react-hooks/exhaustive-deps
[],
);

File Metadata

Mime Type
text/plain
Expires
Fri, Nov 22, 1:18 AM (20 h, 6 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2559292
Default Alt Text
D9551.id32320.diff (2 KB)

Event Timeline