Component map done with links working, history tab removed

    >
    >
    Co-authored-by: Nkmai <[email protected]>
    Co-authored-by: lind-tania <[email protected]>
    Co-authored-by: rtviner <[email protected]>
    Co-authored-by: caitlinchan23<[email protected]>

Author: caitlinchan23

archive/.pre-v4-demo.gif.icloud

@@ -87,6 +87,7 @@
 	background: $blue-color-gradient;
 	border-radius: 5px;
 }
+
 .play-button:hover {
 	background: $blue-color-gradient;
 	transform: translate3d(0, -3px, 0);
@@ -111,6 +112,12 @@
 	background: $blue-color-gradient;
 	border-radius: 5px;
 }
+.play-button:focus,
+.backward-button:focus,
+.forward-button:focus {
+	outline: none;
+	box-shadow: $box-shadow-blue;
+}
 
 .forward-button:hover,
 .backward-button:hover {

src/app/styles/components/_buttons.scss

@@ -22,32 +22,8 @@ window.addEventListener('message', msg => { // runs automatically every second
 });
 
 // listening for messages from the UI of the extension
-chrome.runtime.onMessage.addListener(request => {
-
-  console.log("hello from content script! " + request.action);
-  
+chrome.runtime.onMessage.addListener(request => {  
   const { action }: { action: string } = request;
-  // DELETE THIS
-  // switch (action) {
-  //   case 'jumpToSnap':
-  //     // sends single msg to event listeners within the extension
-  //     chrome.runtime.sendMessage(request);
-  //     // message coming from injected script in web page
-  //     // '*' == target window origin required for event to be dispatched, '*' = no preference
-  //     window.postMessage(request, '*');
-  //     break;
-  //   case 'setLock':
-  //   case 'setPause':
-  //     window.postMessage(request, '*');
-  //     break;
-  //   case 'onHover': 
-  //     window.postMessage(request, '*'); 
-  //   default:
-  //   case 'onHoverExit': 
-  //     window.postMessage(request, '*'); 
-  //     break;
-  // }
-  // DELETE ABOVE
   if (action) {
     if (action === 'jumpToSnap') {
       // sends single msg to event listeners within the extension