Update usage of project in edit tutorial form

Author: frozenhelium

app/views/EditTutorial/index.tsx

@@ -34,25 +34,19 @@ import InlineLayout from '#components/InlineLayout';
 import NonFieldError from '#components/NonFieldError';
 import PageLayout from '#components/PageLayout';
 import ProjectSpecificDetails from '#components/ProjectSpecificDetails';
-import SelectInput from '#components/SelectInput';
 import TextInput from '#components/TextInput';
 import TextOutput from '#components/TextOutput';
 import {
     AssetMimetypeEnum,
     ProjectTypeEnum,
     TutorialUpdateInput,
-    useProjectOptionsQuery,
     useProjectOutputAssetsQuery,
     useTutorialDetailsQuery,
     useTutorialProjectDetailQuery,
     useUpdateTutorialMutation,
 } from '#generated/types/graphql';
 import useAlert from '#hooks/useAlert';
-import {
-    idSelector,
-    nameSelector,
-    projectTypeToKeyMap,
-} from '#utils/common';
+import { projectTypeToKeyMap } from '#utils/common';
 import {
     alertCombinedError,
     checkAndAlertGraphQLResultError,
@@ -133,10 +127,6 @@ function NewTutorial(props: Props) {
         updateTutorial,
     ] = useUpdateTutorialMutation();
 
-    const [{
-        data: projectOptionsResponse,
-    }] = useProjectOptionsQuery();
-
     const [{
         // fetching: tutorialDataPending,
         data: tutorialData,
@@ -211,22 +201,22 @@ function NewTutorial(props: Props) {
         data: projectAssetsResponse,
     }] = useProjectOutputAssetsQuery({
         variables: {
-            projectId: value.project ?? '',
+            projectId: tutorialData?.tutorial.projectId ?? '',
             pagination: {
                 offset: 0,
                 limit: 10,
             },
         },
-        pause: isNotDefined(value.project),
+        pause: isNotDefined(tutorialData?.tutorial.projectId),
     });
 
     const [{
         data: projectDetailResponse,
     }] = useTutorialProjectDetailQuery({
         variables: {
-            projectId: value.project ?? '',
+            projectId: tutorialData?.tutorial.projectId ?? '',
         },
-        pause: isNotDefined(value.project),
+        pause: isNotDefined(tutorialData?.tutorial.projectId),
     });
 
     useEffect(() => {
@@ -524,18 +514,6 @@ function NewTutorial(props: Props) {
                 withContentBackgroundAndPadding
                 spacing="lg"
             >
-                <SelectInput
-                    label="Select a project"
-                    name="project"
-                    hint="Informations like zoom level, tile server, etc will be inherited from the reference project"
-                    options={projectOptionsResponse?.projects.results}
-                    keySelector={idSelector}
-                    labelSelector={nameSelector}
-                    value={value.project}
-                    onChange={setFieldValue}
-                    error={error?.project}
-                    disabled={inputsDisabled || isDefined(tutorialIdFromParams)}
-                />
                 {isDefined(projectDetailResponse) && (
                     <>
                         <Container

app/views/EditTutorial/schema.ts

@@ -38,8 +38,6 @@ const tutorialUpdate: TutorialUpdateFormSchema = {
             required: true,
             requiredValidation: requiredStringCondition,
         },
-        // FIXME: project should not be included here
-        project: {},
         status: {},
         informationPages: {
             keySelector: (informationPage) => informationPage.clientId,

app/views/NewTutorial/index.tsx

@@ -30,7 +30,7 @@ import SelectInput from '#components/SelectInput';
 import TextInput from '#components/TextInput';
 import TextOutput from '#components/TextOutput';
 import {
-    ProjectAssetMimetypeEnum,
+    AssetMimetypeEnum,
     TutorialCreateInput,
     useNewTutorialMutation,
     useProjectOptionsQuery,
@@ -282,7 +282,7 @@ function NewTutorial(props: Props) {
                                     end={(
                                         <>
                                             {/* eslint-disable-next-line max-len */}
-                                            {projectAsset.mimetype === ProjectAssetMimetypeEnum.Geojson && (
+                                            {projectAsset.mimetype === AssetMimetypeEnum.Geojson && (
                                                 <a
                                                     // className={styles.projectAssetDownloadLink}
                                                     href={`https://geojson.io/#data=data:text/x-url,${encodeURIComponent(projectAsset.file.url)}`}