From 67bf0f03980b528d780899223b091f46d0bd5e74 Mon Sep 17 00:00:00 2001
From: Lucas Phang <lucasphang98@gmail.com>
Date: Wed, 12 May 2021 15:16:14 +1000
Subject: [PATCH] Add Circle SVG

---
 stylesheets/_session_left_pane.scss    | 1 +
 ts/components/session/ActionsPanel.tsx | 4 ++--
 ts/components/session/icon/Icons.tsx   | 6 ++++++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/stylesheets/_session_left_pane.scss b/stylesheets/_session_left_pane.scss
index 3c0e0c69d..1ec1780ed 100644
--- a/stylesheets/_session_left_pane.scss
+++ b/stylesheets/_session_left_pane.scss
@@ -125,6 +125,7 @@ $session-compose-margin: 20px;
 
       &:nth-last-child(2) {
         margin: auto auto 0px auto;
+        opacity: 1 !important;
         /* Hide theme icon until light theme is ready */
       }
 
diff --git a/ts/components/session/ActionsPanel.tsx b/ts/components/session/ActionsPanel.tsx
index 924e3ed35..aac56c985 100644
--- a/ts/components/session/ActionsPanel.tsx
+++ b/ts/components/session/ActionsPanel.tsx
@@ -108,9 +108,8 @@ const Section = (props: { type: SectionType; avatarPath?: string }) => {
     case SectionType.Moon:
       iconType = SessionIconType.Moon;
       break;
-    // Update Icon Here
     case SectionType.PathIndicator:
-      iconType = SessionIconType.Star;
+      iconType = SessionIconType.Circle;
       break;
     default:
       iconType = SessionIconType.Moon;
@@ -122,6 +121,7 @@ const Section = (props: { type: SectionType; avatarPath?: string }) => {
     <SessionIconButton
       iconSize={SessionIconSize.Medium}
       iconType={iconType}
+      iconColor={type === SectionType.PathIndicator ? 'green' : undefined}
       notificationCount={unreadToShow}
       onClick={handleClick}
       isSelected={isSelected}
diff --git a/ts/components/session/icon/Icons.tsx b/ts/components/session/icon/Icons.tsx
index 54726ce23..35c64a383 100644
--- a/ts/components/session/icon/Icons.tsx
+++ b/ts/components/session/icon/Icons.tsx
@@ -5,6 +5,7 @@ export enum SessionIconType {
   ChatBubble = 'chatBubble',
   Check = 'check',
   Chevron = 'chevron',
+  Circle = 'circle',
   CircleCheck = 'circleCheck',
   DoubleCheckCircleFilled = 'doubleCheckCircleFilled',
   CirclePlus = 'circlePlus',
@@ -99,6 +100,11 @@ export const icons = {
     viewBox: '1.5 5.5 21 12',
     ratio: 1,
   },
+  [SessionIconType.Circle]: {
+    path: 'M 100, 100m -75, 0a 75,75 0 1,0 150,0a 75,75 0 1,0 -150,0',
+    viewBox: '0 0 200 200',
+    ratio: 1,
+  },
   [SessionIconType.CircleCheck]: {
     path:
       'M4.77,7.61c-0.15-0.15-0.38-0.15-0.53,0c-0.15,0.15-0.15,0.38,0,0.53l1.88,1.88c0.15,0.15,0.38,0.15,0.53,0 l4.13-4.12c0.15-0.15,0.15-0.38,0-0.53c-0.15-0.15-0.38-0.15-0.53,0L6.38,9.22L4.77,7.61z',