From 3a678a4d0c068d567bf40b40fef533125eace51d Mon Sep 17 00:00:00 2001
From: Sven Grossmann <sven.grossmann@grafana.com>
Date: Fri, 30 Jun 2023 15:33:40 +0200
Subject: [PATCH] Logs: Add pinning icon in log context (#70945)

add pinning icon
---
 packages/grafana-data/src/types/icon.ts               | 1 +
 public/app/features/logs/components/LogRowMessage.tsx | 6 +++---
 public/img/icons/custom/gf-pin.svg                    | 4 ++++
 3 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 public/img/icons/custom/gf-pin.svg

diff --git a/packages/grafana-data/src/types/icon.ts b/packages/grafana-data/src/types/icon.ts
index d52de760053ef..1c880e2279114 100644
--- a/packages/grafana-data/src/types/icon.ts
+++ b/packages/grafana-data/src/types/icon.ts
@@ -124,6 +124,7 @@ export const availableIconsIndex = {
   'gf-portrait': true,
   'gf-service-account': true,
   'gf-show-context': true,
+  'gf-pin': true,
   grafana: true,
   'graph-bar': true,
   'grafana-ml': true,
diff --git a/public/app/features/logs/components/LogRowMessage.tsx b/public/app/features/logs/components/LogRowMessage.tsx
index d3055a9b972d2..411800609ddd7 100644
--- a/public/app/features/logs/components/LogRowMessage.tsx
+++ b/public/app/features/logs/components/LogRowMessage.tsx
@@ -119,7 +119,7 @@ export class LogRowMessage extends PureComponent<Props> {
               <IconButton
                 className={styles.unPinButton}
                 size="md"
-                name="map-marker-minus"
+                name="gf-pin"
                 onClick={() => onUnpinLine && onUnpinLine(row)}
                 tooltip="Unpin line"
                 tooltipPlacement="top"
@@ -152,7 +152,7 @@ export class LogRowMessage extends PureComponent<Props> {
               <IconButton
                 className={styles.unPinButton}
                 size="md"
-                name="map-marker-minus"
+                name="gf-pin"
                 onClick={() => onUnpinLine && onUnpinLine(row)}
                 tooltip="Unpin line"
                 tooltipPlacement="top"
@@ -163,7 +163,7 @@ export class LogRowMessage extends PureComponent<Props> {
               <IconButton
                 className={styles.unPinButton}
                 size="md"
-                name="map-marker-plus"
+                name="gf-pin"
                 onClick={() => onPinLine && onPinLine(row)}
                 tooltip="Pin line"
                 tooltipPlacement="top"
diff --git a/public/img/icons/custom/gf-pin.svg b/public/img/icons/custom/gf-pin.svg
new file mode 100644
index 0000000000000..70c45e48f0224
--- /dev/null
+++ b/public/img/icons/custom/gf-pin.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 27 37"
+    xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M23.7532 6.88866L21.4172 9.24594L15.7269 6.28202L16.3818 3.04909L23.7532 6.88866ZM14.9358 8.61917L9.97459 14.8326L17.9308 18.9768L20.2659 11.3955L14.9358 8.61917ZM22.8561 11.2556L20.1258 20.1201L20.9501 20.5495C22.7392 21.4814 23.4359 23.6906 22.5062 25.484L20.5985 29.164C20.4125 29.5226 19.9717 29.6622 19.6139 29.4758L11.0445 25.0122L5.07869 36.3536C4.76675 36.9466 4.03497 37.1725 3.44425 36.8583C2.85351 36.5441 2.62748 35.8086 2.93942 35.2155L8.89542 23.8929L0.393614 19.4645C0.035803 19.2781 -0.103532 18.8363 0.0824013 18.4776L1.99015 14.7976C2.91983 13.0043 5.12378 12.3059 6.91284 13.2378L7.77297 13.6858L13.1353 6.97009C13.1331 6.88005 13.1409 6.78876 13.1593 6.69769L14.3179 0.977899C14.4789 0.183404 15.3539 -0.23557 16.0716 0.138248L26.344 5.4889C27.0725 5.86832 27.2248 6.84706 26.6463 7.43087L22.8561 11.2556ZM5.79063 15.4025L6.2226 15.6275L8.4242 16.7743L17.2011 21.346L19.396 22.4892L19.8279 22.7142C20.4243 23.0248 20.6565 23.7612 20.3466 24.3591L19.2244 26.5237L3.02752 18.0872L4.14975 15.9225C4.45964 15.3247 5.19429 15.0919 5.79063 15.4025Z" />
+</svg>