packages/core: add initial simple SignInPage with guest provider

2020-06-16 14:14:41 +02:00
parent ee7f6f2b2e
commit b2c54fd4ba
3 changed files with 87 additions and 0 deletions
@@ -0,0 +1,69 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * 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 React, { FC } from 'react';
+import { Page } from '../Page';
+import { Header } from '../Header';
+import { Content } from '../Content/Content';
+import { ContentHeader } from '../ContentHeader/ContentHeader';
+import { Grid, Typography, Button } from '@material-ui/core';
+import { InfoCard } from '../InfoCard/InfoCard';
+import { SignInPageProps } from '@backstage/core-api';
+
+const GuestProvider: FC<SignInPageProps> = ({ onResult }) => (
+  <Grid item>
+    <InfoCard
+      title="Guest"
+      actions={
+        <Button
+          color="primary"
+          variant="outlined"
+          onClick={() => onResult({ userId: 'guest' })}
+        >
+          Enter
+        </Button>
+      }
+    >
+      <Typography variant="body1">
+        Enter as a Guest User.
+        <br />
+        You will not have a verified identity,
+        <br />
+        so some features might be unavailable.
+      </Typography>
+    </InfoCard>
+  </Grid>
+);
+
+export type SignInProviders = 'guest';
+
+export type Props = SignInPageProps & {
+  providers: SignInProviders[];
+};
+
+export const SignInPage: FC<Props> = ({ onResult, providers }) => {
+  return (
+    <Page>
+      <Header title="Login" />
+      <Content>
+        <ContentHeader title="Select a sign-in method" />
+        <Grid container>
+          {providers.includes('guest') && <GuestProvider onResult={onResult} />}
+        </Grid>
+      </Content>
+    </Page>
+  );
+};
@@ -0,0 +1,17 @@
+/*
+ * Copyright 2020 Spotify AB
+ *
+ * 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.
+ */
+
+export { SignInPage } from './SignInPage';
@@ -23,5 +23,6 @@ export * from './HomepageTimer';
 export * from './InfoCard';
 export * from './Page';
 export * from './Sidebar';
+export * from './SignInPage';
 export * from './TabbedCard';
 export * from './HeaderTabs';