changes based on LianaHus comments complete

apps/remix-ide/src/walkthroughService.js

@@ -6,8 +6,13 @@ export class WalkthroughService {
   }
 
   start (params) {
+<<<<<<< HEAD
     document.addEventListener('doWalkThrough', (e) => {
       if (!localStorage.getItem('hadTour_initial')) {
+=======
+    if (!localStorage.getItem('hadTour_initial')) {
+      document.addEventListener('doWalkThrough', (e) => {
+>>>>>>> e0fcb6bcd (changes based on LianaHus comments complete)
         introJs().setOptions({
           steps: [{
             title: 'Welcome to Remix IDE',

libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx

@@ -3,6 +3,7 @@
 import React, {
   Fragment,
   useEffect,
+  useReducer,
   useRef
 } from 'react'
 
@@ -23,6 +24,7 @@ export function RemixUiVerticalIconsPanel ({
 }: RemixUiVerticalIconsPanelProps) {
   const scrollableRef = useRef<any>()
   const iconPanelRef = useRef<any>()
+  const udappPanelRef = useRef<any>()
 
   function onThemeChanged (themeType: any) {
     const invert = themeType === 'dark' ? 1 : 0
@@ -107,10 +109,6 @@ export function RemixUiVerticalIconsPanel ({
             scrollableRef={scrollableRef}
           />
         </div>
-        {scrollableRef.current && scrollableRef.current!.scrollHeight > scrollableRef.current!.clientHeight
-          ? <i className="fa fa-chevron-up remixui_icon-chevron m-3"></i>
-          : null
-        }
         <div
           id="remixuiScrollable"
           className={scrollableRef.current && scrollableRef.current.scrollHeight > 500