Add logo and favicon (open-telemetry#340)

jmichalak9 · Aug 23, 2022 · 45a0ff4 · 45a0ff4
1 parent c75f224
commit 45a0ff4
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 1 deletion.
diff --git a/src/frontend/components/Header/Header.styled.ts b/src/frontend/components/Header/Header.styled.ts
@@ -43,6 +43,13 @@ export const NavBarBrand = styled(Link)`
   }
 `;
 
+export const BrandImg = styled.img.attrs({
+  src: '/images/opentelemetry-demo-logo.png',
+})`
+  width: 280px;
+  height: auto;
+`;
+
 export const Controls = styled.div`
   display: flex;
   height: 60px;

diff --git a/src/frontend/components/Header/Header.tsx b/src/frontend/components/Header/Header.tsx
@@ -7,7 +7,9 @@ const Header = () => {
     <S.Header>
       <S.NavBar>
         <S.Container>
-          <S.NavBarBrand href="/">LOGO</S.NavBarBrand>
+          <S.NavBarBrand href="/">
+            <a><S.BrandImg /></a>
+          </S.NavBarBrand>
           <S.Controls>
             <CurrencySwitcher />
             <CartIcon />

diff --git a/src/frontend/public/favicon.ico b/src/frontend/public/favicon.ico
diff --git a/src/frontend/public/images/opentelemetry-demo-logo.png b/src/frontend/public/images/opentelemetry-demo-logo.png