social-login-buttons v11.1.0

Hacklone · Dec 7, 2020 · 3f79a5a · 3f79a5a
1 parent 5bd837b
commit 3f79a5a
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 5 deletions.
diff --git a/projects/social-login-buttons/README.md b/projects/social-login-buttons/README.md
@@ -6,6 +6,10 @@
 # @angular-cool/social-login-buttons [![NPM version][npm-image]][npm-url] [![Downloads][downloads-image]][npm-url]  [![Total Downloads][total-downloads-image]][npm-url]
 Cool social login buttons for angular
 
+Featured buttons:
+- Google 
+- Facebook
+
 ## Install 
 > npm install --save @angular-cool/social-login-buttons
 
@@ -45,6 +49,31 @@ export class MyAppModule {}
     - Type: MouseEvent
     - Called when the button has been clicked
 
+## Facebook button
+
+### Usage
+
+```html
+<cool-facebook-button color="dark" (click)="onFacebookLoginClicked()">
+  Login with Facebook
+</cool-facebook-button>
+```
+
+### API
+#### Inputs
+* \[color]
+  - Type: 'dark' | 'light'
+  - Style of the button
+
+* \[disabled]
+  - Type: boolean
+  - Whether the button is disabled
+
+#### Outputs
+* \(click)
+  - Type: MouseEvent
+  - Called when the button has been clicked
+
 ## License
 > The MIT License (MIT)
 

diff --git a/projects/social-login-buttons/package.json b/projects/social-login-buttons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@angular-cool/social-login-buttons",
-  "version": "11.0.0",
+  "version": "11.1.0",
   "description": "Cool social login buttons for angular",
   "peerDependencies": {
     "@angular/common": ">=10.0.0",

diff --git a/projects/social-login-buttons/src/lib/cool-social-login-buttons.module.ts b/projects/social-login-buttons/src/lib/cool-social-login-buttons.module.ts
@@ -15,7 +15,7 @@ import { CoolFacebookButtonComponent } from './facebook-button/cool-facebook-but
   ],
   exports: [
     CoolGoogleButtonComponent,
-    CoolFacebookButtonComponent
+    CoolFacebookButtonComponent,
   ],
 })
 export class CoolSocialLoginButtonsModule {

diff --git a/projects/social-login-buttons/src/lib/facebook-button/cool-facebook-button.component.ts b/projects/social-login-buttons/src/lib/facebook-button/cool-facebook-button.component.ts
@@ -3,11 +3,13 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output
 @Component({
   selector: 'cool-cool-facebook-button',
   templateUrl: './cool-facebook-button.component.html',
-  styleUrls: ['./cool-facebook-button.component.css']
+  styleUrls: ['./cool-facebook-button.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class CoolFacebookButtonComponent implements OnInit {
 
-  constructor() { }
+  constructor() {
+  }
 
   @Input()
   public disabled: boolean;

diff --git a/projects/social-login-buttons/src/lib/google-button/cool-google-button.component.ts b/projects/social-login-buttons/src/lib/google-button/cool-google-button.component.ts
@@ -8,7 +8,8 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output
 })
 export class CoolGoogleButtonComponent implements OnInit {
 
-  constructor() { }
+  constructor() {
+  }
 
   @Input()
   public disabled: boolean;