github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-21 17:26:29 -05:00
Code Issues Projects Releases Packages Wiki Activity

renamed via-oauth2 to via-one-click

Browse source 
Signed-off-by: Philip Molares <philip.molares@udo.edu>
This commit is contained in:
Philip Molares 2020-05-16 20:59:59 +02:00 committed by mrdrogdrog
parent c5bc4c4dcd
commit 58f3bb4d3b
2 changed files with 27 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/components/landing/pages/login/auth/via-oauth2.tsx → src/components/landing/pages/login/auth/via-one-click.tsx
View file

@ -2,7 +2,7 @@ import React from "react";
import {IconProp} from "@fortawesome/fontawesome-svg-core";
import {IconButton} from "./icon-button/icon-button";
export enum OAuth2Type {
export enum OneClickType {
'DROPBOX'="dropbox",
'FACEBOOK'="facebook",
'GITHUB'="github",
@ -13,7 +13,7 @@ export enum OAuth2Type {
'TWITTER'="twitter"
}
type OAuth2Map = (oauth2type: OAuth2Type) => {
type OneClick2Map = (oneClickType: OneClickType) => {
name: string,
icon: IconProp,
className: string,
@ -24,58 +24,58 @@ const buildBackendAuthUrl = (backendName: string) => {
return `https://localhost:3000/auth/${backendName}`
};
const getMetadata: OAuth2Map = (oauth2type: OAuth2Type) => {
switch (oauth2type) {
case OAuth2Type.DROPBOX:
const getMetadata: OneClick2Map = (oneClickType: OneClickType) => {
switch (oneClickType) {
case OneClickType.DROPBOX:
return {
name: "Dropbox",
icon: ["fab", "dropbox"],
className: "btn-social-dropbox",
url: buildBackendAuthUrl("dropbox")
}
case OAuth2Type.FACEBOOK:
case OneClickType.FACEBOOK:
return {
name: "Facebook",
icon: ["fab", "facebook"],
className: "btn-social-facebook",
url: buildBackendAuthUrl("facebook")
}
case OAuth2Type.GITHUB:
case OneClickType.GITHUB:
return {
name: "GitHub",
icon: ["fab", "github"],
className: "btn-social-github",
url: buildBackendAuthUrl("github")
}
case OAuth2Type.GITLAB:
case OneClickType.GITLAB:
return {
name: "GitLab",
icon: ["fab", "gitlab"],
className: "btn-social-gitlab",
url: buildBackendAuthUrl("gitlab")
}
case OAuth2Type.GOOGLE:
case OneClickType.GOOGLE:
return {
name: "Google",
icon: ["fab", "google"],
className: "btn-social-google",
url: buildBackendAuthUrl("google")
}
case OAuth2Type.OAUTH2:
case OneClickType.OAUTH2:
return {
name: "OAuth2",
icon: "share",
className: "btn-primary",
url: buildBackendAuthUrl("oauth2")
}
case OAuth2Type.SAML:
case OneClickType.SAML:
return {
name: "SAML",
icon: "users",
className: "btn-success",
url: buildBackendAuthUrl("saml")
}
case OAuth2Type.TWITTER:
case OneClickType.TWITTER:
return {
name: "Twitter",
icon: ["fab", "twitter"],
@ -92,13 +92,13 @@ const getMetadata: OAuth2Map = (oauth2type: OAuth2Type) => {
}
}
export interface ViaOAuth2Props {
oauth2Type: OAuth2Type;
export interface ViaOneClickProps {
oneClickType: OneClickType;
optionalName?: string;
}
const ViaOAuth2: React.FC<ViaOAuth2Props> = ({oauth2Type, optionalName}) => {
const {name, icon, className, url} = getMetadata(oauth2Type);
const ViaOneClick: React.FC<ViaOneClickProps> = ({oneClickType, optionalName}) => {
const {name, icon, className, url} = getMetadata(oneClickType);
const text = !!optionalName ? optionalName : name;
return (
<IconButton
@ -112,4 +112,4 @@ const ViaOAuth2: React.FC<ViaOAuth2Props> = ({oauth2Type, optionalName}) => {
)
}
export {ViaOAuth2}
export {ViaOneClick}

20
src/components/landing/pages/login/login.tsx
View file

@ -2,7 +2,7 @@ import React from "react"
import {Col, Jumbotron, Row} from "react-bootstrap"
import {Trans, useTranslation} from "react-i18next";
import {ViaEMail} from "./auth/via-email";
import {OAuth2Type, ViaOAuth2} from "./auth/via-oauth2";
import {OneClickType, ViaOneClick} from "./auth/via-one-click";
import {ViaLdap} from "./auth/via-ldap";
import {useSelector} from "react-redux";
import {ApplicationState} from "../../../../redux";
@ -13,13 +13,13 @@ const Login: React.FC = () => {
const customAuthNames = useSelector((state: ApplicationState) => state.backendConfig.customAuthNames);
const emailForm = authProviders.email ? <ViaEMail/> : null
const ldapForm = authProviders.ldap ? <ViaLdap/> : null
const emailLdapSeperator = authProviders.email && authProviders.ldap ? <hr className="w-100 bg-white"/> : null
const emailLdapSeparator = authProviders.email && authProviders.ldap ? <hr className="w-100 bg-white"/> : null
const oauth2CustomName: (type: OAuth2Type) => string | undefined = (type) => {
const oneClickCustomName: (type: OneClickType) => string | undefined = (type) => {
switch (type) {
case OAuth2Type.SAML:
case OneClickType.SAML:
return customAuthNames.saml;
case OAuth2Type.OAUTH2:
case OneClickType.OAUTH2:
return customAuthNames.oauth2;
default:
return undefined;
@ -34,7 +34,7 @@ const Login: React.FC = () => {
authProviders.email || authProviders.ldap ?
<Col xs={12} sm={10} lg={3}>
{emailForm}
{emailLdapSeperator}
{emailLdapSeparator}
{ldapForm}
<hr className="w-100 d-lg-none d-block bg-white"/>
</Col>
@ -46,7 +46,7 @@ const Login: React.FC = () => {
</h5>
<div className={"d-flex flex-wrap one-click-login justify-content-center"}>
{
Object.values(OAuth2Type)
Object.values(OneClickType)
.filter((value) => authProviders[value])
.map((value) => {
return (
@ -56,9 +56,9 @@ const Login: React.FC = () => {
className="p-2 d-flex flex-column"
key={value}
>
<ViaOAuth2
oauth2Type={value}
optionalName={oauth2CustomName(value)}
<ViaOneClick
oneClickType={value}
optionalName={oneClickCustomName(value)}
/>
</Col>
)