Sign In With Apple

2 files changed, 6 insertions, 1 deletions

diff --git a/vnext/src/api/index.js b/vnext/src/api/index.js
index 31bb3096..d5fb6ba7 100644
--- a/vnext/src/api/index.js
+++ b/vnext/src/api/index.js
@@ -199,6 +199,10 @@ export function vkLink() {
     return socialLink('vk');
 }
 
+export function appleLink() {
+    return socialLink('apple');
+}
+
 /**
  * @param {Message} msg
  * @param {SecureUser} visitor
diff --git a/vnext/src/ui/Login.js b/vnext/src/ui/Login.js
index ff16d947..b5fbc700 100644
--- a/vnext/src/ui/Login.js
+++ b/vnext/src/ui/Login.js
@@ -6,7 +6,7 @@ import Button from './Button';
 import Input from './Input';
 import { useFormState } from 'react-use-form-state';
 
-import { me, facebookLink, vkLink } from '../api';
+import { me, facebookLink, vkLink, appleLink } from '../api';
 
 import './Login.css';
 
@@ -60,6 +60,7 @@ function Login({ visitor, onAuth }) {
                         <Icon name="ei-sc-vk" size="s" noFill={true} />
                         Log in
              </a>
+             <a href={appleLink()}><img src="https://appleid.cdn-apple.com/appleid/button" /></a>
                 </div>
                 <p>Already registered?</p>
                 <form onSubmit={onSubmit}>