bit more on account page about providers
This commit is contained in:
parent
6caa20a2f9
commit
509f2f49e9
|
@ -13,6 +13,8 @@ import LoadingElipses from "../components/LoadingElipses";
|
||||||
import { Helmet } from "react-helmet";
|
import { Helmet } from "react-helmet";
|
||||||
import * as AT from "../lib/account-types";
|
import * as AT from "../lib/account-types";
|
||||||
|
|
||||||
|
const providers: ("google" | "twitter" | "github")[] = ["google", "twitter", "github"];
|
||||||
|
|
||||||
const capitalize = (s: string): string => {
|
const capitalize = (s: string): string => {
|
||||||
// if (!s) return "";
|
// if (!s) return "";
|
||||||
return s.charAt(0).toUpperCase() + s.slice(1);
|
return s.charAt(0).toUpperCase() + s.slice(1);
|
||||||
|
@ -154,6 +156,16 @@ const Account = ({ user, loadUser }: { user: AT.LingdocsUser | undefined, loadUs
|
||||||
</div>
|
</div>
|
||||||
</li>}
|
</li>}
|
||||||
<li className="list-group-item">Account Level: {capitalize(user.level)} {user.requestedUpgradeToStudent ? "(Upgrade Requested)" : ""}</li>
|
<li className="list-group-item">Account Level: {capitalize(user.level)} {user.requestedUpgradeToStudent ? "(Upgrade Requested)" : ""}</li>
|
||||||
|
<li className="list-group-item">Sign in with:
|
||||||
|
{(user.password && user.email) && <span>
|
||||||
|
<i className="fas fa-key mr-2"></i> Password,
|
||||||
|
</span>}
|
||||||
|
{providers.map((provider) => (
|
||||||
|
user[provider] && <span>
|
||||||
|
<i className={`fab fa-${provider} mr-2`}></i>
|
||||||
|
</span>
|
||||||
|
))}
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue