1 files changed, 7 insertions, 8 deletions

diff --git a/app/assets/javascripts/projects/project_import_gitlab_project.js b/app/assets/javascripts/projects/project_import_gitlab_project.js
index 4f222438500..0cbd4dbf2cf 100644
--- a/app/assets/javascripts/projects/project_import_gitlab_project.js
+++ b/app/assets/javascripts/projects/project_import_gitlab_project.js
@@ -1,4 +1,3 @@
-import $ from 'jquery';
 import { convertToTitleCase, humanize, slugify } from '../lib/utils/text_utility';
 import { getParameterValues } from '../lib/utils/url_utility';
 import projectNew from './project_new';
@@ -22,24 +21,24 @@ const prepareParameters = () => {
 
 export default () => {
   let hasUserDefinedProjectName = false;
-  const $projectName = $('.js-project-name');
-  const $projectPath = $('.js-path-name');
+  const $projectName = document.querySelector('.js-project-name');
+  const $projectPath = document.querySelector('.js-path-name');
   const { name, path } = prepareParameters();
 
   // get the project name from the URL and set it as input value
-  $projectName.val(name);
+  $projectName.value = name;
 
   // get the path url and append it in the input
-  $projectPath.val(path);
+  $projectPath.value = path;
 
   // generate slug when project name changes
-  $projectName.on('keyup', () => {
+  $projectName.addEventListener('keyup', () => {
     projectNew.onProjectNameChange($projectName, $projectPath);
-    hasUserDefinedProjectName = $projectName.val().trim().length > 0;
+    hasUserDefinedProjectName = $projectName.value.trim().length > 0;
   });
 
   // generate project name from the slug if one isn't set
-  $projectPath.on('keyup', () =>
+  $projectPath.addEventListener('keyup', () =>
     projectNew.onProjectPathChange($projectName, $projectPath, hasUserDefinedProjectName),
   );
 };