feat(ui): add default widget

e2e/backup.e2e.js

@@ -93,6 +93,7 @@ d('Backup', () => {
 		await element(by.id('NavigationClose')).tap();
 
 		// add price widget
+		await element(by.id('WalletsScrollView')).scroll(300, 'down', NaN, 0.85);
 		await element(by.id('WidgetsAdd')).tap();
 		await element(by.id('WidgetsOnboarding-button')).tap();
 		await element(by.id('PriceWidget')).tap();

e2e/widgets.e2e.js

@@ -27,6 +27,7 @@ d('Widgets', () => {
 		}
 
 		// add price widget
+		await element(by.id('WalletsScrollView')).scroll(300, 'down', NaN, 0.85);
 		await element(by.id('WidgetsAdd')).tap();
 		await element(by.id('WidgetsOnboarding-button')).tap();
 		await element(by.id('PriceWidget')).tap();

src/screens/Wallets/index.tsx

@@ -8,10 +8,12 @@ import { Trans, useTranslation } from 'react-i18next';
 import { Display } from '../../styles/text';
 import { useBalance } from '../../hooks/wallet';
 import useColors from '../../hooks/colors';
+import { useSlashfeed } from '../../hooks/widgets';
 import { useAppDispatch, useAppSelector } from '../../hooks/redux';
 import { updateSettings } from '../../store/slices/settings';
 import { widgetsSelector } from '../../store/reselect/widgets';
 import { refreshWallet } from '../../utils/wallet';
+import { SUPPORTED_FEED_TYPES } from '../../utils/widgets';
 import ActivityListShort from '../../screens/Activity/ActivityListShort';
 import DetectSwipe from '../../components/DetectSwipe';
 import BalanceHeader from '../../components/BalanceHeader';
@@ -21,6 +23,7 @@ import SafeAreaInset from '../../components/SafeAreaInset';
 import WalletOnboarding from '../../components/WalletOnboarding';
 import Balances from '../../components/Balances';
 import Header from './Header';
+import { PriceFeedURL } from '../Widgets/WidgetsSuggestions';
 import type { WalletScreenProps } from '../../navigation/types';
 import {
 	enableSwipeToHideBalanceSelector,
@@ -31,6 +34,7 @@ import {
 import { showToast } from '../../utils/notifications';
 import { ignoresHideBalanceToastSelector } from '../../store/reselect/user';
 import { ignoreHideBalanceToast } from '../../store/slices/user';
+import { setFeedWidget } from '../../store/slices/widgets';
 
 const HEADER_HEIGHT = 46;
 
@@ -55,6 +59,7 @@ const Wallets = ({ navigation, onFocus }: Props): ReactElement => {
 	const widgets = useAppSelector(widgetsSelector);
 	const insets = useSafeAreaInsets();
 	const { t } = useTranslation('wallet');
+	const { config } = useSlashfeed({ url: PriceFeedURL });
 
 	// tell WalletNavigator that this screen is focused
 	useFocusEffect(
@@ -91,6 +96,22 @@ const Wallets = ({ navigation, onFocus }: Props): ReactElement => {
 		setRefreshing(false);
 	};
 
+	const onHideOnboarding = (): void => {
+		// add default widgets
+		if (config) {
+			dispatch(
+				setFeedWidget({
+					url: PriceFeedURL,
+					type: SUPPORTED_FEED_TYPES.PRICE_FEED,
+					fields: config.fields.filter((f) => f.name === 'BTC/USD'),
+					extras: { period: '1D', showSource: false },
+				}),
+			);
+		}
+
+		dispatch(updateSettings({ hideOnboardingMessage: true }));
+	};
+
 	const hideOnboarding =
 		hideOnboardingSetting ||
 		totalBalance > 0 ||
@@ -149,9 +170,7 @@ const Wallets = ({ navigation, onFocus }: Props): ReactElement => {
 									components={{ accent: <Display color="brand" /> }}
 								/>
 							}
-							onHide={(): void => {
-								dispatch(updateSettings({ hideOnboardingMessage: true }));
-							}}
+							onHide={onHideOnboarding}
 						/>
 					)}
 				</ScrollView>

src/store/utils/settings.ts

@@ -11,6 +11,7 @@ import { showToast } from '../../utils/notifications';
 import { wipeLdkStorage } from '../../utils/lightning';
 import { getSelectedWallet } from '../../utils/wallet';
 import { TWalletName } from '../types/wallet';
+import { __E2E__ } from '../../constants/env';
 
 /**
  * This method will wipe all data for the specified wallet.
@@ -48,7 +49,7 @@ export const wipeApp = async ({
 			});
 		}
 
-		if (restartApp) {
+		if (restartApp && !__E2E__) {
 			// avoid freeze on iOS
 			await sleep(1000);
 			RNRestart.Restart();

yarn.lock

@@ -10190,6 +10190,11 @@ [email protected]:
   dependencies:
     p-defer "^3.0.0"
 
+react-native-flipper@^0.164.0:
+  version "0.164.0"
+  resolved "https://registry.yarnpkg.com/react-native-flipper/-/react-native-flipper-0.164.0.tgz#64f6269a86a13a72e30f53ba9f5281d2073a7697"
+  integrity sha512-iJhIe3rqx6okuzBp4AJsTa2b8VRAOGzoLRFx/4HGbaGvu8AurZjz8TTQkhJsRma8dsHN2b6KKZPvGGW3wdWzvA==
+
 [email protected]:
   version "2.20.0"
   resolved "https://registry.yarnpkg.com/react-native-fs/-/react-native-fs-2.20.0.tgz#05a9362b473bfc0910772c0acbb73a78dbc810f6"