From 082d667854ed763d3377980541638382ab67fcfd Mon Sep 17 00:00:00 2001
From: ebarrios <esteban.barrios@trivago.com>
Date: Tue, 28 Jul 2020 17:12:54 +0200
Subject: [PATCH] Clean up for yarn tsc and fix the simple settep for project
 creation

---
 .../NewProjectPage/NewProjectPage.tsx         | 32 ++++++++++++-------
 .../ProjectListPage/ProjectListPage.tsx       |  3 --
 2 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/plugins/gcp-projects/src/components/NewProjectPage/NewProjectPage.tsx b/plugins/gcp-projects/src/components/NewProjectPage/NewProjectPage.tsx
index f09044f3ab..4d439bbc0d 100644
--- a/plugins/gcp-projects/src/components/NewProjectPage/NewProjectPage.tsx
+++ b/plugins/gcp-projects/src/components/NewProjectPage/NewProjectPage.tsx
@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import React, { FC, useState, Fragment } from 'react';
+import React, { FC, useState } from 'react';
 import { Grid, Button, TextField } from '@material-ui/core';
 
 import {
@@ -34,7 +34,7 @@ import {
 export const Project: FC<{}> = () => {
   const [projectName, setProjectName] = useState('');
   const [projectId, setProjectId] = useState('');
-  const [done, setDone] = useState(false);
+  const [disabled, setDisabled] = useState(true);
 
   const metadata = {
     ProjectName: projectName,
@@ -69,17 +69,15 @@ export const Project: FC<{}> = () => {
                   fullWidth
                 />
               </SimpleStepperStep>
-              <SimpleStepperStep title="" end>
+
+              <SimpleStepperStep
+                title="Review"
+                actions={{
+                  nextText: 'Confirm',
+                  onNext: () => setDisabled(false),
+                }}
+              >
                 <StructuredMetadataTable metadata={metadata} />
-                <Button
-                  variant="contained"
-                  color="primary"
-                  href={`newProject?projectName=${encodeURIComponent(
-                    projectName,
-                  )},projectId=${encodeURIComponent(projectId)}`}
-                >
-                  Confirm
-                </Button>
               </SimpleStepperStep>
             </SimpleStepper>
             <Button
@@ -90,6 +88,16 @@ export const Project: FC<{}> = () => {
             >
               Cancel
             </Button>
+            <Button
+              variant="contained"
+              color="primary"
+              disabled={disabled}
+              href={`newProject?projectName=${encodeURIComponent(
+                projectName,
+              )},projectId=${encodeURIComponent(projectId)}`}
+            >
+              Create
+            </Button>
           </InfoCard>
         </Grid>
       </Grid>
diff --git a/plugins/gcp-projects/src/components/ProjectListPage/ProjectListPage.tsx b/plugins/gcp-projects/src/components/ProjectListPage/ProjectListPage.tsx
index 163d8a54d8..8d612f75f8 100644
--- a/plugins/gcp-projects/src/components/ProjectListPage/ProjectListPage.tsx
+++ b/plugins/gcp-projects/src/components/ProjectListPage/ProjectListPage.tsx
@@ -20,7 +20,6 @@ import {
   Link,
   useApi,
   googleAuthApiRef,
-  InfoCard,
   HeaderLabel,
   Page,
   Header,
@@ -31,7 +30,6 @@ import {
 } from '@backstage/core';
 import {
   LinearProgress,
-  makeStyles,
   Paper,
   Table,
   TableBody,
@@ -39,7 +37,6 @@ import {
   TableContainer,
   TableHead,
   TableRow,
-  Theme,
   Tooltip,
   Typography,
   Button,