refactor(onboarding): move default widgets to initial state (#2494)

Author: pwltr

src/screens/Wallets/MainOnboarding.tsx

@@ -5,9 +5,7 @@ import { StyleProp, ViewStyle } from 'react-native';
 import WalletOnboarding from '../../components/WalletOnboarding';
 import { useAppDispatch } from '../../hooks/redux';
 import { updateSettings } from '../../store/slices/settings';
-import { saveWidget } from '../../store/slices/widgets';
 import { Display } from '../../styles/text';
-import { getDefaultOptions } from '../../utils/widgets';
 
 const MainOnboarding = ({
 	style,
@@ -16,14 +14,8 @@ const MainOnboarding = ({
 }): ReactElement => {
 	const dispatch = useAppDispatch();
 	const { t } = useTranslation('onboarding');
-	const priceOptions = getDefaultOptions('price');
-	const newsOptions = getDefaultOptions('news');
-	const blocksOptions = getDefaultOptions('blocks');
 
 	const onHideOnboarding = (): void => {
-		dispatch(saveWidget({ id: 'price', options: priceOptions }));
-		dispatch(saveWidget({ id: 'news', options: newsOptions }));
-		dispatch(saveWidget({ id: 'blocks', options: blocksOptions }));
 		dispatch(updateSettings({ hideOnboardingMessage: true }));
 	};
 

src/screens/Wallets/index.tsx

@@ -26,7 +26,6 @@ import {
 	ignoresHideBalanceToastSelector,
 	scanAllAddressesTimestampSelector,
 } from '../../store/reselect/user';
-import { hasWidgetsSelector } from '../../store/reselect/widgets';
 import { updateSettings } from '../../store/slices/settings';
 import { ignoreHideBalanceToast, updateUser } from '../../store/slices/user';
 import { View as ThemedView } from '../../styles/components';
@@ -57,7 +56,6 @@ const Wallets = ({ onFocus }: Props): ReactElement => {
 		scanAllAddressesTimestampSelector,
 	);
 	const hideOnboardingSetting = useAppSelector(hideOnboardingMessageSelector);
-	const hasWidgets = useAppSelector(hasWidgetsSelector);
 	const showWidgets = useAppSelector(showWidgetsSelector);
 	const insets = useSafeAreaInsets();
 	const { t } = useTranslation('wallet');
@@ -94,8 +92,7 @@ const Wallets = ({ onFocus }: Props): ReactElement => {
 		setRefreshing(false);
 	};
 
-	const hideOnboarding =
-		hideOnboardingSetting || totalBalance > 0 || hasWidgets;
+	const hideOnboarding = hideOnboardingSetting || totalBalance > 0;
 
 	return (
 		<ThemedView style={styles.root}>

src/store/reselect/widgets.ts

@@ -23,10 +23,6 @@ export const widgetsOrderSelector = createSelector(
 	(widgets) => widgets.sortOrder,
 );
 
-export const hasWidgetsSelector = (state: RootState): boolean => {
-	return Object.keys(state.widgets.widgets).length > 0;
-};
-
 export const onboardedWidgetsSelector = (state: RootState): boolean => {
 	return state.widgets.onboardedWidgets;
 };

src/store/slices/widgets.ts

@@ -1,4 +1,5 @@
 import { PayloadAction, createSlice } from '@reduxjs/toolkit';
+import { getDefaultOptions } from '../../utils/widgets';
 import { TWidgets } from '../types/widgets';
 
 export type TWidgetsState = {
@@ -8,7 +9,11 @@ export type TWidgetsState = {
 };
 
 export const initialWidgetsState: TWidgetsState = {
-	widgets: {},
+	widgets: {
+		price: getDefaultOptions('price'),
+		news: getDefaultOptions('news'),
+		blocks: getDefaultOptions('blocks'),
+	},
 	onboardedWidgets: false,
 	sortOrder: [],
 };