From 32be2c6968355d3301178588a890215f2d57b97e Mon Sep 17 00:00:00 2001
From: Rares Mardare <rares.mardare@grafana.com>
Date: Thu, 6 Oct 2022 16:49:40 +0300
Subject: [PATCH] slightly smaller svg icon

---
 .../src/containers/ScheduleSlot/ScheduleSlot.module.css   | 2 +-
 .../src/containers/UsersTimezones/UsersTimezones.tsx      | 4 +++-
 grafana-plugin/src/icons/index.tsx                        | 8 ++++++--
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.module.css b/grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.module.css
index ce26a72d..135a89a0 100644
--- a/grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.module.css
+++ b/grafana-plugin/src/containers/ScheduleSlot/ScheduleSlot.module.css
@@ -83,4 +83,4 @@
 .is-oncall-icon {
   color: var(--oncall-icon-stroke-color);
   margin-left: -2px;
-}
+}
\ No newline at end of file
diff --git a/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.tsx b/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.tsx
index e6601e90..3a50d5e1 100644
--- a/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.tsx
+++ b/grafana-plugin/src/containers/UsersTimezones/UsersTimezones.tsx
@@ -287,7 +287,9 @@ const AvatarGroup = (props: AvatarGroupProps) => {
                 width={35}
                 height={35}
                 renderAvatar={() => <Avatar src={user.avatar} size="large" />}
-                renderIcon={() => (isOncall ? <IsOncallIcon className={cx('is-oncall-icon')} /> : null)}
+                renderIcon={() =>
+                  isOncall ? <IsOncallIcon className={cx('is-oncall-icon')} width={14} height={13} /> : null
+                }
               ></ScheduleBorderedAvatar>
             </div>
           </Tooltip>
diff --git a/grafana-plugin/src/icons/index.tsx b/grafana-plugin/src/icons/index.tsx
index ffc6f75c..a9d55ee6 100644
--- a/grafana-plugin/src/icons/index.tsx
+++ b/grafana-plugin/src/icons/index.tsx
@@ -247,16 +247,20 @@ export const ExpandIcon = (props: IconProps) => {
 
 interface IsOncallIconProps {
   className: string;
+  width?: number;
+  height?: number;
 }
 
 export const IsOncallIcon = (props: IsOncallIconProps) => {
   const { className } = props;
+  const width = props.width || 17;
+  const height = props.height || 16;
 
   return (
     <svg
       className={className}
-      width="17"
-      height="16"
+      width={width}
+      height={height}
       viewBox="0 0 17 16"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"