diff --git a/README.md b/README.md
index 6e153ae..ec8de3d 100644
--- a/README.md
+++ b/README.md
@@ -108,6 +108,9 @@ S3_BUCKET=
S3_ENDPOINT=
S3_REGION=
S3_SECRET_KEY=
+COGNITO_ACCESS_KEY= # optional
+COGNITO_SECRET_KEY= # optional
+COGNITO_REGION= # optional
PORT= # optional
```
diff --git a/client/layouts/basicHeader/BasicHeader.module.css b/client/layouts/basicHeader/BasicHeader.module.css
index 14ea8d9..9fe815e 100644
--- a/client/layouts/basicHeader/BasicHeader.module.css
+++ b/client/layouts/basicHeader/BasicHeader.module.css
@@ -59,6 +59,13 @@
background: #f0f0f0;
}
+.photo {
+ width: 18px;
+ height: 18px;
+ background-size: cover;
+ border-radius: 50%;
+}
+
.menu {
position: absolute;
top: 100%;
diff --git a/client/layouts/basicHeader/BasicHeader.tsx b/client/layouts/basicHeader/BasicHeader.tsx
index 13c9196..f9e0fc9 100644
--- a/client/layouts/basicHeader/BasicHeader.tsx
+++ b/client/layouts/basicHeader/BasicHeader.tsx
@@ -54,8 +54,15 @@ export const BasicHeader = (props: { user: UserDto }) => {
setAnchorEl(e.currentTarget)}>
-
- {props.user.signInName}
+ {props.user.photoUrl ? (
+
+ ) : (
+
+ )}
+ {props.user.displayName}