From 4e58efba5cd37c0454bce87ebefc61666a747520 Mon Sep 17 00:00:00 2001
From: Yizheng Yu <yalex778@163.com>
Date: Sat, 18 Nov 2023 04:01:02 -0800
Subject: [PATCH]     Website Redesign: Release 1 navigation bars #127

* Updated blue wavy line implementation
---
 public/images/blue-wave.png | Bin 534 -> 0 bytes
 src/components/Nav.jsx      |  16 ++++------------
 2 files changed, 4 insertions(+), 12 deletions(-)
 delete mode 100644 public/images/blue-wave.png

diff --git a/public/images/blue-wave.png b/public/images/blue-wave.png
deleted file mode 100644
index c33f314237d8d610eaf11654dbc4a7836acaafbb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 534
zcmV+x0_pvUP)<h;3K|Lk000e1NJLTq008~~000aK1^@s6Ld*a|00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0jo(wK~#7F?b%OG
z!ax)T@NXt;j4|N`(i`XrtT(_D$PJVPF|H^p5+MOkAe=yNAf7<Hfb9{QxKvwTDHtlW
z(DJ7&zHb4gbmm7F^LPvji(=VD9KeJ|2_A~_?BW|E+!;e`Dl}-&$jwlZS1sE_0S!4a
zW3G4LqlvoFN7m4wK_g!SvkSj%cjfVV#c_^QpL3}`4$_1M4I23xlc;e^afm0xSD5&C
zsN&Y>ExnEg4I23x|Dth}*j6kX-IXfUNW7+Hm*l42XwaaMqtUU;v!}vVzx~md!%IZp
zap8Fb_}Yb5XMk@eOl{%DXwIFzw@+lAppumqj-o+>#_kNIE2te0!l|c;F8-=a5^W!X
zs!_lT;y&bb)8R*+b+8NRm*<K}G&E??*tIcP{Lx+gj@^@i&jJn+mqpz{ngmtM#{~@<
zH1aZZMIlSV0&#`38MiL76InM#ORuFtgT~ejjV!4d!Cwx|bc6hNeBpGZo1#I3##W7N
z-}uvve{-nE#7&2=b$O81#R3f)H1@(+Z{g448kKP8@o#1a%74YD>={^wi*-YT291pw
Yzn|MuETkxZkN^Mx07*qoM6N<$g0E2LYybcN

diff --git a/src/components/Nav.jsx b/src/components/Nav.jsx
index b2e40a1..0050c1b 100644
--- a/src/components/Nav.jsx
+++ b/src/components/Nav.jsx
@@ -21,7 +21,6 @@ import Image from 'next/image'
 import Link from 'next/link'
 import React, { useState } from 'react'
 
-import blueWaveLine from '../../public/images/blue-wave.png'
 import orcasoundlogo from '../../public/images/orcasoundlogo_2.png'
 import useIsMobile from '../utils/useIsMobile'
 
@@ -187,6 +186,10 @@ function Desktop() {
                 color: 'white',
                 display: 'block',
                 textTransform: 'none',
+                '&:hover': {
+                  textDecoration: '3px rgba(0, 139, 223, 1) wavy underline',
+                  textUnderlineOffset: '7px',
+                },
               }}
             >
               <Link href={navLink.url} passHref>
@@ -201,17 +204,6 @@ function Desktop() {
                 </Typography>
               </Link>
             </Button>
-            <Box
-              sx={{
-                position: 'absolute',
-                top: '50%',
-                opacity: 0,
-                transition: 'opacity 0.3s ease-in-out',
-                pointerEvents: 'none',
-              }}
-            >
-              <Image src={blueWaveLine} />
-            </Box>
           </Box>
         ))}
       </Box>