diff --git a/next.config.js b/next.config.js
index 0c1f043..dee1618 100644
--- a/next.config.js
+++ b/next.config.js
@@ -4,6 +4,10 @@ const nextConfig = {
compiler: {
styledComponents: true,
},
+ images: {
+ domains: ["kluppdevelopment.s3.sa-east-1.amazonaws.com"]
+ }
}
module.exports = nextConfig
+
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
index bcb8f28..dba6dd7 100644
--- a/src/components/header/Header.tsx
+++ b/src/components/header/Header.tsx
@@ -27,22 +27,22 @@ function stringToColor(string: string) {
return color;
}
-function stringAvatar(name: string) {
+function stringAvatar(profile_picture: string) {
return {
- sx: {
- bgcolor: stringToColor(name),
- },
- children: `${name.split(' ')[0][0]}`,
+
+ children: `${profile_picture}`,
};
}
+
interface headerInterface {
name: string,
admin?: boolean | undefined
logo?: string
+ profile_picture: string
}
-export default function Header({ name, admin, logo }: headerInterface) {
+export default function Header({ name, admin, profile_picture }: headerInterface) {
return (