Skip to content

Commit

Permalink
Update ConciergePage.tsx
Browse files Browse the repository at this point in the history
Migrating from `withOnyx`  to `useOnyx`.
  • Loading branch information
ugogiordano authored Nov 19, 2024
1 parent 14002f3 commit b6f73fe
Showing 1 changed file with 4 additions and 19 deletions.
23 changes: 4 additions & 19 deletions src/pages/ConciergePage.tsx
Original file line number Diff line number Diff line change
@@ -1,38 +1,27 @@
import {useFocusEffect} from '@react-navigation/native';
import type {StackScreenProps} from '@react-navigation/stack';
import React, {useCallback, useEffect, useRef} from 'react';
import {View} from 'react-native';
import type {OnyxEntry} from 'react-native-onyx';
import {useOnyx, withOnyx} from 'react-native-onyx';
import {useOnyx} from 'react-native-onyx';
import ReportActionsSkeletonView from '@components/ReportActionsSkeletonView';
import ReportHeaderSkeletonView from '@components/ReportHeaderSkeletonView';
import ScreenWrapper from '@components/ScreenWrapper';
import useResponsiveLayout from '@hooks/useResponsiveLayout';
import useThemeStyles from '@hooks/useThemeStyles';
import Navigation from '@libs/Navigation/Navigation';
import type {AuthScreensParamList} from '@libs/Navigation/types';
import * as App from '@userActions/App';
import * as Report from '@userActions/Report';
import ONYXKEYS from '@src/ONYXKEYS';
import type SCREENS from '@src/SCREENS';
import type {Session} from '@src/types/onyx';

type ConciergePageOnyxProps = {
/** Session info for the currently logged in user. */
session: OnyxEntry<Session>;
};

type ConciergePageProps = ConciergePageOnyxProps & StackScreenProps<AuthScreensParamList, typeof SCREENS.CONCIERGE>;

/*
* This is a "utility page", that does this:
* - If the user is authenticated, find their concierge chat and re-route to it
* - Else re-route to the login page
*/
function ConciergePage({session}: ConciergePageProps) {
function ConciergePage() {
const styles = useThemeStyles();
const isUnmounted = useRef(false);
const {shouldUseNarrowLayout} = useResponsiveLayout();
const [session] = useOnyx(ONYXKEYS.SESSION);
const [isLoadingReportData] = useOnyx(ONYXKEYS.IS_LOADING_REPORT_DATA, {initialValue: true});

useFocusEffect(
Expand Down Expand Up @@ -70,8 +59,4 @@ function ConciergePage({session}: ConciergePageProps) {

ConciergePage.displayName = 'ConciergePage';

export default withOnyx<ConciergePageProps, ConciergePageOnyxProps>({
session: {
key: ONYXKEYS.SESSION,
},
})(ConciergePage);
export default ConciergePage;

0 comments on commit b6f73fe

Please sign in to comment.