Add LoginProvider to Koneksyon

components/soumet/koneksyon.js

@@ -17,9 +17,20 @@ import {
 } from '@material-ui/core'
 import {Visibility, VisibilityOff} from '@material-ui/icons'
 import MuiAlert from '@material-ui/lab/Alert'
+import {Google} from '@icons-pack/react-simple-icons'
 
 import {validateEmail} from '../../lib/utils/emails'
 
+import LoginProvider from './login-provider'
+
+const PROVIDERS = [
+  {
+    id: 'google',
+    title: 'Google',
+    icon: <Google />
+  }
+]
+
 function Alert(props) {
   return <MuiAlert elevation={6} variant='filled' {...props} />
 }
@@ -161,6 +172,14 @@ function Koneksyon() {
         </Link>
       </Box>
 
+      <Box marginTop={4} align='center'>
+        {PROVIDERS.map(({id, title, icon}) => (
+          <Box key={id} marginTop={3}>
+            <LoginProvider id={id} title={title} icon={icon} />
+          </Box>
+        ))}
+      </Box>
+
       {loginError && (
         <Snackbar
           open={open}