header bugfix

ambrosus · Oct 12, 2023 · 0cb2aa6 · 0cb2aa6
1 parent aecadda
commit 0cb2aa6
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@airdao/ui-library",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",

diff --git a/src/components/Header/Header.module.css b/src/components/Header/Header.module.css
@@ -332,6 +332,18 @@
   }
 }
 
+.address-info__address {
+  color: #0E0E0E;
+  text-align: center;
+  /* WEB/Body 2/500 - Medium */
+  font-family: Inter, sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 24px; /* 150% */
+  letter-spacing: -0.16px;
+}
+
 .address-info__label {
   color: #A1A6B2;
   font-weight: 700;
@@ -348,10 +360,14 @@
 
 .address-info__check {
   position: relative;
-  top: 2px;
+  top: 4px;
   margin-right: 4px;
 }
 
+.address-info__check-copy {
+  height: 20px;
+}
+
 .address-info__copy {
   position: relative;
   cursor: pointer;

diff --git a/src/components/Header/components/AddressInfo.tsx b/src/components/Header/components/AddressInfo.tsx
@@ -18,7 +18,7 @@ export default function AddressInfo({ address, logout, close, isOpen }: AddressI
   const copy = () => {
     navigator.clipboard.writeText(address);
     setCopied(true);
-    setTimeout(() => setCopied(false), 2000)
+    setTimeout(() => setCopied(false), 20000)
   }
 
   return (
@@ -42,7 +42,7 @@ export default function AddressInfo({ address, logout, close, isOpen }: AddressI
       <svg
         width={24}
         height={24}
-        className={styles['address-info__check']}
+        className={styles['address-info__check-copy']}
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
         style={!copied ? {display: 'none'} : {}}

diff --git a/src/components/Header/components/MobileMenu.tsx b/src/components/Header/components/MobileMenu.tsx
@@ -38,7 +38,7 @@ export function MobileMenu ({ close, isOpen, data, balance }: MobileMenuProps) {
           </div>
           <div className={s['mobile-menu__sublist-content']}>
             {submenu.content.map((item) => (
-              <a href={asText(item.url)} key={item.name} className={s['mobile-menu__sublist-link']}>
+              <a href={item.url} target={item.target} key={item.name} className={s['mobile-menu__sublist-link']}>
                 <PrismicText field={item.name} />
               </a>
             ))}
@@ -53,7 +53,7 @@ export function MobileMenu ({ close, isOpen, data, balance }: MobileMenuProps) {
         </div>
         <div className={s['mobile-menu__socials-content']}>
           {data && data.socials.map((social) => (
-            <a href={asText(social.url)} target={'_blank'} className={s['mobile-menu__socials-link']}>
+            <a href={social.url} target={social.target} className={s['mobile-menu__socials-link']}>
               <PrismicImage field={social.img} className={s['mobile-menu__social-img']} />
             </a>
           ))}

diff --git a/src/components/Header/usePrismicData.ts b/src/components/Header/usePrismicData.ts
@@ -16,14 +16,16 @@ export function usePrismicData() {
 
   const socials = slices.pop().items.map((item) => ({
     img: item.navitemimg,
-    url: item.navitemurl,
+    url: item.navitemlink.url,
+    target: item.navitemlink.target,
   }));
 
 
   const submenus = slices.map((slice) => {
     const content = slice.items.map((item) => ({
       name: item.navitemlabel,
-      url: item.navitemurl,
+      url: item.navitemlink.url,
+      target: item.navitemlink.target,
     }))
     return {
       name: slice.primary.navlabel,
@@ -37,5 +39,4 @@ export function usePrismicData() {
     socials,
     submenus,
   }
-
 }