From 278015149847ad2a18880ed104a64928011181dc Mon Sep 17 00:00:00 2001
From: Mathew Antony <mathew.antony31@gmail.com>
Date: Wed, 17 Jan 2024 12:30:57 -0800
Subject: [PATCH] Added new icon for dive deeper card (#646)

* Added new icon for dive deeper card

* Fixed missing import
---
 src/helpers/help-card-data.js |  7 +++++++
 src/helpers/icons.js          | 13 +++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/src/helpers/help-card-data.js b/src/helpers/help-card-data.js
index da4daaf1..c8deefd6 100644
--- a/src/helpers/help-card-data.js
+++ b/src/helpers/help-card-data.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import {
   GettingStartedIcon,
+  DiveDeeperIcon,
   TutorialsIcon,
   HowToVideosIcon,
   FaqIcon,
@@ -16,6 +17,12 @@ const helpCardData = [
     highlightColor: 'blue-light',
     link: '/help/getting-started'
   },
+  {
+    id: 'dive-deeper',
+    icon: <DiveDeeperIcon />,
+    highlightColor: 'yellow-light',
+    link: '/help/dive-deeper'
+  },
   {
     id: 'tutorials',
     icon: <TutorialsIcon />,
diff --git a/src/helpers/icons.js b/src/helpers/icons.js
index 56b82aa1..66109e5e 100644
--- a/src/helpers/icons.js
+++ b/src/helpers/icons.js
@@ -20,6 +20,19 @@ export const GettingStartedIcon = () => (
   </svg>
 );
 
+export const DiveDeeperIcon = () => (
+  <svg
+    width="28"
+    height="28"
+    viewBox="0 0 28 28"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <rect width="28" height="28" rx="6" fill="#FFD208" />
+    <path d="M21.2813 7.47642C21.0509 7.2812 20.7808 7.141 20.4906 7.06604C20.2004 6.99107 19.8975 6.98324 19.604 7.04311L16.982 7.72442C16.3676 7.83867 15.8119 8.16968 15.4118 8.65974C15.0117 9.14981 14.7926 9.76783 14.7927 10.4061V20.1385L14 20.2618L13.1923 20.125V10.3926C13.1947 9.76071 12.981 9.14777 12.5882 8.65974C12.1954 8.17171 11.6481 7.83926 11.0409 7.71983L8.35733 7.03289C8.06918 6.97941 7.77305 6.99126 7.48987 7.0676C7.20669 7.14395 6.94337 7.28291 6.71852 7.47469C6.49367 7.66646 6.31277 7.90636 6.18862 8.17744C6.06446 8.44851 6.00007 8.74414 6 9.04345V20.5127L14 22L22 20.5127V9.04345C22 8.74436 21.9357 8.44894 21.8115 8.17813C21.6873 7.90731 21.5063 7.66775 21.2813 7.47642Z" fill="white"/>
+</svg>
+);
+
 export const TutorialsIcon = () => (
   <svg
     width="100%"