From 785348eaef3ef471364851b675c55ff21c70d215 Mon Sep 17 00:00:00 2001
From: Ross Bulat <ross@jkrb.io>
Date: Tue, 30 Jul 2024 10:40:55 +0100
Subject: [PATCH] update header

---
 src/library/Header/Wrapper.ts | 21 +++++++++------------
 src/library/Header/index.tsx  |  8 ++------
 src/svg/Icon.svg              |  1 +
 3 files changed, 12 insertions(+), 18 deletions(-)
 create mode 100644 src/svg/Icon.svg

diff --git a/src/library/Header/Wrapper.ts b/src/library/Header/Wrapper.ts
index 33ecd88..57c3384 100644
--- a/src/library/Header/Wrapper.ts
+++ b/src/library/Header/Wrapper.ts
@@ -23,10 +23,15 @@ export const HeaderWrapper = styled.div`
 
     &:first-child {
       > h1 {
-        font-family: InterBold, sans-serif;
-        font-size: 0.72rem;
-        text-transform: uppercase;
-        color: var(--accent-color-primary);
+        display: flex;
+        align-items: center;
+
+        > a {
+          font-family: InterBold, sans-serif;
+          font-size: 0.72rem;
+          text-transform: uppercase;
+          color: #881cbc;
+        }
       }
 
       > span {
@@ -36,14 +41,6 @@ export const HeaderWrapper = styled.div`
           height: 100%;
         }
       }
-      > .version {
-        color: var(--text-color-primary);
-        font-family: InterSemiBold, sans-serif;
-        margin-left: 0.35rem;
-        margin-right: 0.5rem;
-        font-size: 0.7rem;
-        opacity: 0.75;
-      }
     }
 
     &:last-child {
diff --git a/src/library/Header/index.tsx b/src/library/Header/index.tsx
index 985a0f1..9e7e063 100644
--- a/src/library/Header/index.tsx
+++ b/src/library/Header/index.tsx
@@ -4,23 +4,19 @@
 import { faGithub } from '@fortawesome/free-brands-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { GithubRepoUrl } from 'consts';
-import IconSvg from 'svg/Cloud.svg?react';
+import IconSvg from 'svg/Icon.svg?react';
 import { HeaderWrapper } from './Wrapper';
-import { version } from '../../../package.json';
 import { Link } from 'react-router-dom';
 
 export const Header = () => (
   <HeaderWrapper>
     <div>
-      <span
-        style={{ width: '1.1rem', height: '1.1rem', marginRight: '0.4rem' }}
-      >
+      <span style={{ width: '1rem', height: '1rem', marginRight: '0.5rem' }}>
         <IconSvg />
       </span>
       <h1>
         <Link to="/">Polkadot Cloud Portal</Link>
       </h1>
-      <span className="version">{version}</span>
     </div>
     <div>
       <button type="button" onClick={() => window.open(GithubRepoUrl)}>
diff --git a/src/svg/Icon.svg b/src/svg/Icon.svg
new file mode 100644
index 0000000..5e510d8
--- /dev/null
+++ b/src/svg/Icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 343.169 392.113"><defs><linearGradient id="linear-gradient" x1="204.281" y1="402.706" x2="119.726" y2="54.082" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c32df2"/><stop offset="1" stop-color="#530c8c"/></linearGradient><linearGradient id="linear-gradient-2" x1="309.395" y1="64.849" x2="-4.15" y2="64.849" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c10a76"/><stop offset=".653" stop-color="#e014a7"/><stop offset="1" stop-color="#ee19bc"/></linearGradient></defs><g id="Layer_1-2"><path d="M267.944,378.54c22.622-9.049,44.238-22.119,62.336-39.211,16.087-15.081,13.573-38.709.503-51.779-6.535-6.033-14.579-9.551-24.633-9.551h0c-9.049,0-17.595,3.016-24.633,9.551-23.125,21.617-53.287,33.682-85.461,33.682-68.871,0-124.672-56.303-124.672-125.175s55.801-125.175,124.672-125.175c32.676,0,63.341,12.568,86.969,35.19l1.508,1.508c-32.676-32.173-77.417-52.282-126.683-52.282-60.325,0-113.612,29.157-146.288,74.401C4.022,150.31,0,172.932,0,196.056c0,108.082,87.974,196.056,196.057,196.056,25.135,0,49.266-4.524,71.887-13.573h0Z" style="fill:url(#linear-gradient); fill-rule:evenodd; stroke-width:0px;"/><path d="M284.533,107.58c14.076,12.065,35.692,11.06,48.763-2.514,13.573-14.076,13.07-36.698-1.005-50.271C295.593,19.606,247.333,0,196.057,0,111.601,0,38.709,54.293,11.562,129.699,44.238,84.455,97.526,55.298,157.851,55.298c49.265,0,94.007,20.108,126.683,52.282h0Z" style="fill:url(#linear-gradient-2); fill-rule:evenodd; stroke-width:0px;"/></g></svg>
\ No newline at end of file