Просмотр исходного кода

feat(2 icons): Replay Breadcrumbs (#55754)

Adding two new icons for the breadcrumbs view in Replay Details

IconCursorArrow
<img width="448" alt="Screenshot 2023-09-06 at 14 20 53"
src="https://github.com/getsentry/sentry/assets/6508377/0f9955d3-f052-4ca5-af62-cd6648d6cf04">


IconKeyDown
<img width="433" alt="Screenshot 2023-09-06 at 14 21 03"
src="https://github.com/getsentry/sentry/assets/6508377/a658a507-fa2f-459b-9ee6-e5c2dfa8430b">
Jesse Box 1 год назад
Родитель
Сommit
f3bfc38c9f
3 измененных файлов с 39 добавлено и 0 удалено
  1. 21 0
      static/app/icons/iconCursorArrow.tsx
  2. 16 0
      static/app/icons/iconKeyDown.tsx
  3. 2 0
      static/app/icons/index.tsx

+ 21 - 0
static/app/icons/iconCursorArrow.tsx

@@ -0,0 +1,21 @@
+import {forwardRef} from 'react';
+
+import {SvgIcon, SVGIconProps} from './svgIcon';
+
+const IconCursorArrow = forwardRef<SVGSVGElement, SVGIconProps>((props, ref) => {
+  return (
+    <SvgIcon {...props} ref={ref}>
+      <path
+        d="M15.28,14.22l-5.01-5.01l4.56-2.29c0.27-0.13,0.43-0.41,0.42-0.71c-0.02-0.3-0.21-0.56-0.49-0.66l-13.25-5
+		C1.24,0.44,0.93,0.51,0.72,0.72C0.51,0.93,0.44,1.24,0.55,1.51l5,13.25c0.1,0.28,0.36,0.47,0.66,0.49h0.04
+		c0.28,0,0.54-0.16,0.67-0.42l2.29-4.56l5.01,5.01c0.15,0.15,0.34,0.22,0.53,0.22s0.38-0.07,0.53-0.22
+		C15.57,14.99,15.57,14.51,15.28,14.22z M6.35,12.63L2.54,2.54l10.09,3.81L8.72,8.3C8.69,8.32,8.67,8.33,8.65,8.34
+		C8.58,8.37,8.52,8.42,8.47,8.47c-0.05,0.05-0.1,0.11-0.13,0.18C8.33,8.67,8.32,8.69,8.3,8.72L6.35,12.63z"
+      />
+    </SvgIcon>
+  );
+});
+
+IconCursorArrow.displayName = 'IconCursorArrow';
+
+export {IconCursorArrow};

+ 16 - 0
static/app/icons/iconKeyDown.tsx

@@ -0,0 +1,16 @@
+import {forwardRef} from 'react';
+
+import {SvgIcon, SVGIconProps} from './svgIcon';
+
+const IconKeyDown = forwardRef<SVGSVGElement, SVGIconProps>((props, ref) => {
+  return (
+    <SvgIcon {...props} ref={ref}>
+      <path d="M15.25,13.75H14v-2.5c0-0.57-0.27-1.11-0.71-1.44s-0.98-0.43-1.5-0.28l-0.15,0.04C10.77,9.83,9.3,10.25,8,10.25 c-1.3,0-2.77-0.42-3.65-0.68L4.21,9.53c-0.52-0.15-1.07-0.05-1.5,0.28C2.27,10.14,2,10.68,2,11.25v2.5H0.75 C0.33,13.75,0,14.09,0,14.5c0,0.41,0.33,0.75,0.75,0.75h14.5c0.41,0,0.75-0.34,0.75-0.75C16,14.09,15.66,13.75,15.25,13.75z M3.5,11.25c0-0.1,0.04-0.19,0.11-0.25c0.08-0.06,0.16-0.04,0.18-0.03l0.15,0.04c0.95,0.28,2.54,0.74,4.06,0.74 c1.52,0,3.11-0.46,4.06-0.74l0.15-0.04c0.02-0.01,0.1-0.03,0.17,0.03c0.08,0.06,0.12,0.15,0.12,0.25v2.5h-9V11.25z" />
+      <path d="M11.51,5.8L8.53,8.53L8.51,8.55C8.4,8.64,8.28,8.71,8.15,8.73C8.1,8.74,8.05,8.75,8,8.75c-0.05,0-0.1-0.01-0.15-0.02 C7.72,8.71,7.6,8.64,7.49,8.55L7.47,8.53L4.49,5.8c-0.3-0.28-0.32-0.75-0.04-1.06C4.73,4.44,5.2,4.42,5.51,4.7l1.74,1.59V0.75 C7.25,0.34,7.59,0,8,0c0.41,0,0.75,0.34,0.75,0.75v5.54l1.74-1.59c0.31-0.28,0.78-0.26,1.06,0.04C11.83,5.05,11.81,5.52,11.51,5.8z" />
+    </SvgIcon>
+  );
+});
+
+IconKeyDown.displayName = 'IconKeyDown';
+
+export {IconKeyDown};

+ 2 - 0
static/app/icons/index.tsx

@@ -20,6 +20,7 @@ export {IconCodecov} from './iconCodecov';
 export {IconCommit} from './iconCommit';
 export {IconContract} from './iconContract';
 export {IconCopy} from './iconCopy';
+export {IconCursorArrow} from './iconCursorArrow';
 export {IconDashboard} from './iconDashboard';
 export {IconDelete} from './iconDelete';
 export {IconDiamond} from './iconDiamond';
@@ -50,6 +51,7 @@ export {IconInput} from './iconInput';
 export {IconIssues} from './iconIssues';
 export {IconJira} from './iconJira';
 export {IconJson} from './iconJson';
+export {IconKeyDown} from './iconKeyDown';
 export {IconLab} from './iconLab';
 export {IconLaptop} from './iconLaptop';
 export {IconLightning} from './iconLightning';