From 16823caae02731cae0769b64a9dbf744671e676f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Gilles=20D=C3=A9nervaud?= Date: Tue, 20 Feb 2024 18:05:30 +0100 Subject: [PATCH] fix icons for graph settings --- .../Views/Instance/InstanceGraph/GraphSettings.tsx | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/ui/src/Views/Instance/InstanceGraph/GraphSettings.tsx b/ui/src/Views/Instance/InstanceGraph/GraphSettings.tsx index afd6c400..40e88f08 100644 --- a/ui/src/Views/Instance/InstanceGraph/GraphSettings.tsx +++ b/ui/src/Views/Instance/InstanceGraph/GraphSettings.tsx @@ -22,6 +22,10 @@ */ import {faArrowRight} from '@fortawesome/free-solid-svg-icons/faArrowRight'; +import {faCompress} from '@fortawesome/free-solid-svg-icons/faCompress'; +import {faExpandArrowsAlt} from '@fortawesome/free-solid-svg-icons/faExpandArrowsAlt'; +import {faEye} from '@fortawesome/free-solid-svg-icons/faEye'; +import {faEyeSlash} from '@fortawesome/free-solid-svg-icons/faEyeSlash'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import Color from 'color'; import { observer } from 'mobx-react-lite'; @@ -281,15 +285,15 @@ const Actions = observer(({ className, group }:ActionsProps) => { let value = group.show?'show':'hide'; let actions = [ - {value: 'show', icon:'eye'}, - {value: 'hide', icon:'eye-slash'} + {value: 'show', icon: faEye}, + {value: 'hide', icon: faEyeSlash} ]; if (group.show && group.nodes.length > 1) { value = group.grouped?'group':'ungroup'; actions = [ - {value: 'group', icon: 'compress'}, - {value: 'ungroup', icon: 'expand-arrows-alt'}, - {value: 'hide', icon: 'eye-slash'} + {value: 'group', icon: faCompress}, + {value: 'ungroup', icon: faExpandArrowsAlt}, + {value: 'hide', icon: faEyeSlash} ]; }