1import { StackScreenProps } from '@react-navigation/stack';
2import * as React from 'react';
3import { Platform } from 'react-native';
4
5import { ProjectView } from './ProjectView';
6import { AppPlatform, useWebContainerProjectPage_Query } from '../../graphql/types';
7import * as Kernel from '../../kernel/Kernel';
8import { HomeStackRoutes } from '../../navigation/Navigation.types';
9
10export function ProjectContainer(
11  props: { appId: string } & StackScreenProps<HomeStackRoutes, 'ProjectDetails'>
12) {
13  const query = useWebContainerProjectPage_Query({
14    fetchPolicy: 'cache-and-network',
15    variables: {
16      appId: props.appId,
17      platform: Platform.OS === 'ios' ? AppPlatform.Ios : AppPlatform.Android,
18      sdkVersions: Kernel.sdkVersions.split(','),
19    },
20  });
21  return <ProjectView {...props} {...query} />;
22}
23