feat: add flag to block new repo imports

packages/app/src/app/components/Create/ImportRepository.tsx

@@ -12,6 +12,7 @@ import { ModalContentProps } from 'app/pages/common/Modals';
 import { SignIn } from 'app/pages/SignIn/SignIn';
 import { useAppState, useEffects } from 'app/overmind';
 import { useGitHubPermissions } from 'app/hooks/useGitHubPermissions';
+import { useWorkspaceFeatureFlags } from 'app/hooks/useWorkspaceFeatureFlags';
 import { GithubRepoAuthorization } from 'app/graphql/types';
 import { useGithubAccounts } from 'app/hooks/useGithubOrganizations';
 import {
@@ -43,6 +44,7 @@ export const ImportRepository: React.FC<
 > = ({ preSelectedRepo }) => {
   const { hasLogIn } = useAppState();
   const effects = useEffects();
+  const { blockRepoImport } = useWorkspaceFeatureFlags();
   const {
     restrictsPublicRepos,
     restrictsPrivateRepos,
@@ -140,6 +142,37 @@ export const ImportRepository: React.FC<
 
   const forkMode = selectedRepo?.authorization === GithubRepoAuthorization.Read;
 
+  if (blockRepoImport) {
+    return (
+      <ThemeProvider>
+        <Container>
+          <ModalBody>
+            <Stack
+              direction="vertical"
+              gap={4}
+              align="center"
+              justify="center"
+              css={{ width: '100%', padding: '24px', textAlign: 'center' }}
+            >
+              <Text size={4}>Repository import is deprecated</Text>
+              <Text size={3} css={{ color: '#999', maxWidth: '400px' }}>
+                Importing repositories is no longer supported.{' '}
+                <a
+                  href="https://codesandbox.io/docs/learn/repositories/migration-guide"
+                  target="_blank"
+                  rel="noreferrer noopener"
+                  style={{ color: '#E4FC82' }}
+                >
+                  Learn more in our documentation.
+                </a>
+              </Text>
+            </Stack>
+          </ModalBody>
+        </Container>
+      </ThemeProvider>
+    );
+  }
+
   return (
     <ThemeProvider>
       <Container>

packages/app/src/app/graphql/types.ts

@@ -504,6 +504,7 @@ export enum Direction {
 
 export type TeamFeatureFlags = {
   __typename?: 'TeamFeatureFlags';
+  blockRepoImport: Scalars['Boolean'];
   friendOfCsb: Scalars['Boolean'];
   ubbBeta: Scalars['Boolean'];
 };
@@ -3571,6 +3572,7 @@ export type TeamFragmentDashboardFragment = {
   } | null;
   featureFlags: {
     __typename?: 'TeamFeatureFlags';
+    blockRepoImport: boolean;
     ubbBeta: boolean;
     friendOfCsb: boolean;
   };
@@ -3693,6 +3695,7 @@ export type CurrentTeamInfoFragmentFragment = {
   };
   featureFlags: {
     __typename?: 'TeamFeatureFlags';
+    blockRepoImport: boolean;
     ubbBeta: boolean;
     friendOfCsb: boolean;
   };
@@ -3866,6 +3869,7 @@ export type _CreateTeamMutation = {
     } | null;
     featureFlags: {
       __typename?: 'TeamFeatureFlags';
+      blockRepoImport: boolean;
       ubbBeta: boolean;
       friendOfCsb: boolean;
     };
@@ -4723,6 +4727,7 @@ export type AllTeamsQuery = {
       } | null;
       featureFlags: {
         __typename?: 'TeamFeatureFlags';
+        blockRepoImport: boolean;
         ubbBeta: boolean;
         friendOfCsb: boolean;
       };
@@ -5172,6 +5177,7 @@ export type GetTeamQuery = {
       };
       featureFlags: {
         __typename?: 'TeamFeatureFlags';
+        blockRepoImport: boolean;
         ubbBeta: boolean;
         friendOfCsb: boolean;
       };

packages/app/src/app/hooks/useWorkspaceFeatureFlags.ts

@@ -1,6 +1,7 @@
 import { useAppState } from 'app/overmind';
 
 export type FeatureFlags = {
+  blockRepoImport: boolean;
   ubbBeta: boolean;
   friendOfCsb: boolean;
 };
@@ -10,12 +11,14 @@ export const useWorkspaceFeatureFlags = (): FeatureFlags => {
 
   if (!activeTeamInfo) {
     return {
+      blockRepoImport: false,
       ubbBeta: false,
       friendOfCsb: false,
     };
   }
 
   return {
+    blockRepoImport: activeTeamInfo.featureFlags.blockRepoImport,
     ubbBeta: activeTeamInfo.featureFlags.ubbBeta,
     friendOfCsb: activeTeamInfo.featureFlags.friendOfCsb,
   };

packages/app/src/app/overmind/effects/gql/dashboard/fragments.ts

@@ -160,6 +160,7 @@ export const teamFragmentDashboard = gql`
     }
 
     featureFlags {
+      blockRepoImport
       ubbBeta
       friendOfCsb
     }
@@ -277,6 +278,7 @@ export const currentTeamInfoFragment = gql`
     }
 
     featureFlags {
+      blockRepoImport
       ubbBeta
       friendOfCsb
     }