Add Circle SVG

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 */
       }
 

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}

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',