auth-login-button.component.ts

import { Component, OnInit } from '@angular/core';

const env = {
  client_id: '1r7gunokp2d5s3no71r4858o3o',
  redirect_uri: 'http://localhost:8100/authevent/loggedin',
  cognito_custom_domain: 'awesomeauth.auth.eu-west-2.amazoncognito.com'
}

@Component({
  selector: 'app-auth-login-button',
  template: `
<ion-item [href]="loginButtonHref">
  <ion-icon slot="start" color="medium" name="google"></ion-icon>
  <ion-label>Google</ion-label>
</ion-item>`
})
export class AuthLoginButtonComponent implements OnInit {

  loginButtonHref = `https://${env.cognito_custom_domain}/login?response_type=code&client_id=${env.client_id}&redirect_uri=${env.redirect_uri}`

  constructor() {}
  ngOnInit() { }
}