fix(ui_issues): fix ui issues for other browsers

Author: existentialcoder

client/src/App.tsx

@@ -119,7 +119,7 @@ const App: React.FC = () => {
   return (
     <Layout hasSider style={{ minHeight: '100vh', maxHeight: '100vh', overflow: 'scroll' }}>
       <Sider collapsible collapsed={collapsed} onCollapse={(value) => setCollapsed(value)}
-        style={{ overflow: 'auto', height: '100vh', position: 'sticky', top: 0, left: 0 }}>
+        style={{ overflow: 'auto', position: 'sticky', top: 0, left: 0 }}>
         <Menu style={{ minHeight: '92vh' }} defaultSelectedKeys={['project_details']}
           selectedKeys={[currentActiveRoute]}
           onSelect={(item) => dispatch(setCurrentActiveRoute(item.key))}

client/src/helpers/constants.ts

@@ -1,20 +1,20 @@
 import { FormFieldProps, InstalledPackageProps, QuestionObject } from "./types";
 
-const linter: QuestionObject = {
-    question_name: 'linter',
-    question: 'Choose a code linter',
-    type: 'select',
-    options: [
-        {
-            value: 'eslint',
-            label: 'ESLint'
-        },
-        {
-            value: 'jshint',
-            label: 'JSHint'
-        }
-    ]
-};
+// const linter: QuestionObject = {
+//     question_name: 'linter',
+//     question: 'Choose a code linter',
+//     type: 'select',
+//     options: [
+//         {
+//             value: 'eslint',
+//             label: 'ESLint'
+//         },
+//         {
+//             value: 'jshint',
+//             label: 'JSHint'
+//         }
+//     ]
+// };
 
 const typeScriptInclusion: QuestionObject = {
     question_name: 'ts_preference',
@@ -33,22 +33,22 @@ const typeScriptInclusion: QuestionObject = {
     ]
 };
 
-const unitTestingFramework: QuestionObject = {
-    question_name: 'unit_test_framework',
-    logo_name: '',
-    type: 'select',
-    question: 'Choose a unit testing framework',
-    options: [
-        {
-            value: 'jest',
-            label: 'Jest'
-        },
-        {
-            value: 'mocha',
-            label: 'Mocha'
-        },
-    ]
-};
+// const unitTestingFramework: QuestionObject = {
+//     question_name: 'unit_test_framework',
+//     logo_name: '',
+//     type: 'select',
+//     question: 'Choose a unit testing framework',
+//     options: [
+//         {
+//             value: 'jest',
+//             label: 'Jest'
+//         },
+//         {
+//             value: 'mocha',
+//             label: 'Mocha'
+//         },
+//     ]
+// };
 
 const frontendQuestions: QuestionObject[] = [{
     question_name: 'frontend_framework',
@@ -226,8 +226,11 @@ const newProjectQuestions: QuestionObject = {
                     ]
                 },
                 typeScriptInclusion,
-                linter,
-                unitTestingFramework
+                /**
+                 * @todo - Intergate linter and testing framework
+                 */
+                // linter,
+                // unitTestingFramework
             ]
         },
         {
@@ -246,8 +249,11 @@ const newProjectQuestions: QuestionObject = {
                             questions: [
                                 ...frontendQuestions,
                                 typeScriptInclusion,
-                                linter,
-                                unitTestingFramework
+                                /**
+                                 * @todo - Intergate linter and testing framework
+                                */
+                                // linter,
+                                // unitTestingFramework
                             ]
                         },
                         {
@@ -256,8 +262,11 @@ const newProjectQuestions: QuestionObject = {
                             questions: [
                                 ...backendQuestions,
                                 typeScriptInclusion,
-                                linter,
-                                unitTestingFramework
+                                /**
+                                 * @todo - Intergate linter and testing framework
+                                */
+                                // linter,
+                                // unitTestingFramework
                             ]
                         },
                         {
@@ -267,8 +276,11 @@ const newProjectQuestions: QuestionObject = {
                                 ...frontendQuestions,
                                 ...backendQuestions,
                                 typeScriptInclusion,
-                                linter,
-                                unitTestingFramework
+                               /**
+                                 * @todo - Intergate linter and testing framework
+                                */
+                                // linter,
+                                // unitTestingFramework
                             ]
                         },
                     ]

client/src/index.scss

@@ -6,7 +6,6 @@
 
 body {
   margin: 0;
-  place-items: center;
   min-width: 320px;
 }
 

lib/utils/common-utils.js

@@ -97,7 +97,6 @@ const getPackageJson = async (dir) => {
     try {
         const stats = await stat(pJsonPath);
         if (stats.isFile()) {
-            // eslint-disable-next-line
             delete require.cache[require.resolve(pJsonPath)];
             return require(pJsonPath);
         }

lib/utils/errors.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line max-classes-per-file
 import constants from '../constants.js';
 
 const { statusCodes, messages } = constants;