import {RouteProp} from '@react-navigation/native';
import React, {useEffect} from 'react';
import {StatusBar} from 'react-native';
import {Content, TabsGradient} from '../../components';
import {MainStackParams} from '../../routes/';
import {visitedUserProfile} from '../../services';

type ProfileScreenRouteProps = RouteProp<MainStackParams, 'Profile'>;

interface ProfileOnboardingProps {
  route: ProfileScreenRouteProps;
}

const ProfileScreen: React.FC<ProfileOnboardingProps> = ({route}) => {
  const {screenType} = route.params;
  let {userXId} = route.params;

  useEffect(() => {
    if (userXId) {
      visitedUserProfile(userXId);
    }
  });

  return (
    <>
      <StatusBar barStyle="dark-content" />
      <Content {...{userXId, screenType}} />
      <TabsGradient />
    </>
  );
};

export default ProfileScreen;