From f8dc5b6a215206a503c59a91c9664bfe2d0801e8 Mon Sep 17 00:00:00 2001
From: xaralis <filip.varecha@fragaria.cz>
Date: Tue, 15 Dec 2020 14:15:26 +0100
Subject: [PATCH] feat: show proper user pic in Navbar
---
src/App.jsx | 1 +
src/components/Navbar.jsx | 2 +-
src/keycloak.js | 4 ----
typings/cf2021.d.ts | 1 +
4 files changed, 3 insertions(+), 5 deletions(-)
diff --git a/src/App.jsx b/src/App.jsx
index d972113..4238d2d 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -30,6 +30,7 @@ const onKeycloakEvent = (event) => {
state.isAuthenticated = true;
state.user = {
name: keycloak.tokenParsed.name,
+ username: keycloak.tokenParsed.preferred_username,
groups: keycloak.tokenParsed.groups,
accessToken: keycloak.token,
};
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 1a908b2..28d2d9f 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -66,7 +66,7 @@ const Navbar = () => {
<span className="head-heavy-2xs">{user.name}</span>
<div className="avatar avatar--2xs">
<img
- src="http://placeimg.com/100/100/people"
+ src={`https://a.pirati.cz/piratar/${user.username}.jpg`}
alt="Avatar"
/>
</div>
diff --git a/src/keycloak.js b/src/keycloak.js
index b2aa703..33ec655 100644
--- a/src/keycloak.js
+++ b/src/keycloak.js
@@ -8,8 +8,4 @@ const keycloak = Keycloak({
clientId: "cf-online",
});
-// keycloak.init({
-// onLoad: "check-sso",
-// });
-
export default keycloak;
diff --git a/typings/cf2021.d.ts b/typings/cf2021.d.ts
index 5b98520..6189575 100644
--- a/typings/cf2021.d.ts
+++ b/typings/cf2021.d.ts
@@ -28,6 +28,7 @@ declare namespace CF2021 {
isAuthenticated: true;
user: {
name: string;
+ username: string;
groups: string[];
accessToken: string;
};
--
GitLab