/* * Copyright 2020 The Backstage Authors * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ import Button from '@material-ui/core/Button'; import Grid from '@material-ui/core/Grid'; import TextField from '@material-ui/core/TextField'; import { useState } from 'react'; import { Content, ContentHeader, Header, HeaderLabel, InfoCard, Page, SimpleStepper, SimpleStepperStep, StructuredMetadataTable, SupportButton, } from '@backstage/core-components'; import { Link as RouterLink } from 'react-router-dom'; import { useRouteRef } from '@backstage/core-plugin-api'; import { rootRouteRef } from '../../routes'; export const Project = () => { const [projectName, setProjectName] = useState(''); const [projectId, setProjectId] = useState(''); const [disabled, setDisabled] = useState(true); const metadata = { ProjectName: projectName, ProjectId: projectId, }; return ( setProjectName(e.target.value)} value={projectName} fullWidth /> setProjectId(e.target.value)} value={projectId} fullWidth /> setDisabled(false), }} > ); }; const labels = ( <> ); export const NewProjectPage = () => { const docsRootLink = useRouteRef(rootRouteRef)(); return (

{labels}

This plugin allows you to view and interact with your gcp projects. ); };