fix(ItineraryIcon): add new icon from figma (#3529)

kiwicom · Jul 20, 2022 · 233e2b7 · 233e2b7
1 parent ca8a687
commit 233e2b7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/packages/orbit-components/src/Itinerary/ItinerarySegment/ItineraryIcon.jsx b/packages/orbit-components/src/Itinerary/ItinerarySegment/ItineraryIcon.jsx
@@ -29,9 +29,7 @@ const IconStyled = styled.div`
     justify-content: center;
     z-index: 1;
     svg {
-      background: ${(last || index === 0) && !isPrevHidden
-        ? "transparent"
-        : theme.orbit.paletteWhite};
+      background: ${last || index === 0 ? "transparent" : theme.orbit.paletteWhite};
       overflow: hidden;
     }
     ${index > 0 &&
@@ -51,7 +49,7 @@ const IconStyled = styled.div`
     count > 0 &&
     css`
       &:before {
-        top: -9px;
+        top: ${last && isPrevHidden ? "-14px" : "-9px"};
         border: 1px ${isPrevHidden ? "dashed" : "solid"} ${theme.orbit.paletteCloudNormalActive};
         ${lineMixin};
       }
@@ -61,7 +59,7 @@ const IconStyled = styled.div`
     count > 0 &&
     css`
       &:after {
-        bottom: -7px;
+        bottom: ${isHidden ? "4px" : "-9px"};
         border: 1px ${isHidden ? "dashed" : "solid"} ${theme.orbit.paletteCloudNormalActive};
         ${lineMixin};
       }

diff --git a/packages/orbit-components/src/Itinerary/ItinerarySegment/ItinerarySegmentStop/index.jsx b/packages/orbit-components/src/Itinerary/ItinerarySegment/ItinerarySegmentStop/index.jsx
@@ -2,7 +2,7 @@
 import * as React from "react";
 import styled, { css } from "styled-components";
 
-import { StarFull, CircleEmpty, Circle } from "../../../icons";
+import { StarFull, CircleSmallEmpty as CircleEmpty, CircleSmall as Circle } from "../../../icons";
 import { useWidth } from "../../context";
 import defaultTheme from "../../../defaultTheme";
 import Stack from "../../../Stack";
@@ -62,7 +62,7 @@ const ItinerarySegmentStopIcon = ({
 |}) => {
   if (icon) return icon;
   if (isHidden) return <StarFull color="warning" size="small" />;
-  if (isPrevHidden && isLast) return <CircleEmpty size="small" color="secondary" />;
+  if (isPrevHidden && isLast) return <CircleEmpty size="small" color="tertiary" />;
 
   return <Circle size="small" color="secondary" />;
 };