Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 | 3x | // import { Apple as AppleIcon } from "mdi-material-ui";
import { Facebook as FacebookIcon } from 'mdi-material-ui';
import { Github as GitHubIcon } from 'mdi-material-ui';
import { Google as GoogleIcon } from 'mdi-material-ui';
// import { Microsoft as MicrosoftIcon } from "mdi-material-ui";
// import { Twitter as TwitterIcon } from "mdi-material-ui";
// import { Yahoo as YahooIcon } from "mdi-material-ui";
/**
* I created all the color objects using Material Design Color Tool
*
* https://material.io/resources/color/#!/
*/
const authProviders = [
// {
// id: "apple.com",
// color: "#000000",
// icon: <AppleIcon />,
// name: "Apple",
// },
{
id: 'facebook.com',
color: '#3c5a99',
icon: <FacebookIcon />,
name: 'Facebook',
},
{
id: 'github.com',
color: '#24292e',
icon: <GitHubIcon />,
name: 'GitHub',
// scopes: ["repo"],
},
{
id: 'google.com',
color: '#de5246',
icon: <GoogleIcon />,
name: 'Google',
},
// {
// id: "microsoft.com",
// color: "#f65314",
// icon: <MicrosoftIcon />,
// name: "Microsoft",
// },
// {
// id: "twitter.com",
// color: "#1da1f2",
// icon: <TwitterIcon />,
// name: "Twitter",
// },
// {
// id: "yahoo.com",
// color: "#410093",
// icon: <YahooIcon />,
// name: "Yahoo",
// },
];
export default authProviders;
|