From 06267f00901a2a7ea157529279ee893abbf28766 Mon Sep 17 00:00:00 2001
From: Arsam Islami <arsamislami@yahoo.de>
Date: Fri, 8 Jul 2022 11:14:46 +0200
Subject: [PATCH 1/5] feat: Added a user icon for annotations which where added
 by the current user.

---
 api-editor/gui/src/features/annotations/AnnotationView.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/api-editor/gui/src/features/annotations/AnnotationView.tsx b/api-editor/gui/src/features/annotations/AnnotationView.tsx
index 884ff768c..230623ef2 100644
--- a/api-editor/gui/src/features/annotations/AnnotationView.tsx
+++ b/api-editor/gui/src/features/annotations/AnnotationView.tsx
@@ -1,6 +1,6 @@
 import { Button, ButtonGroup, Icon, IconButton, Stack, Text as ChakraText, Tooltip } from '@chakra-ui/react';
 import React from 'react';
-import { FaCheck, FaFlag, FaQuestion, FaTimes, FaTrash, FaWrench } from 'react-icons/fa';
+import {FaCheck, FaFlag, FaQuestion, FaTimes, FaTrash, FaUser, FaWrench} from 'react-icons/fa';
 import { useAppDispatch, useAppSelector } from '../../app/hooks';
 import {
     removeBoundaryAnnotation,
@@ -35,6 +35,7 @@ import {
     selectRemoveAnnotation,
     selectRenameAnnotation,
     selectTodoAnnotation,
+    selectUsername,
     selectUsernameIsValid,
     selectValueAnnotation,
 } from './annotationSlice';
@@ -332,6 +333,7 @@ const AnnotationTag: React.FC<AnnotationTagProps> = function ({
 
     const authors = annotation.authors ?? [];
     const authorText = createAuthorText(authors);
+    const username = useAppSelector(selectUsername);
 
     const isReportable = reportable && authors.length === 1 && authors.includes('$autogen$');
 
@@ -375,6 +377,7 @@ const AnnotationTag: React.FC<AnnotationTagProps> = function ({
             <Tooltip label={`${authorText}Click to change.`}>
                 <Button
                     leftIcon={<FaWrench />}
+                    rightIcon={authors.includes(username) && <FaUser />}
                     flexGrow={1}
                     borderLeft="none"
                     justifyContent="flex-start"

From d44519454d152c2ef272e94d35f6d159ba43fffd Mon Sep 17 00:00:00 2001
From: Arsam Islami <arsamislami@yahoo.de>
Date: Fri, 8 Jul 2022 11:24:29 +0200
Subject: [PATCH 2/5] feat: Added a robot icon for annotations which where
 autogenerated.

---
 api-editor/gui/src/features/annotations/AnnotationView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/api-editor/gui/src/features/annotations/AnnotationView.tsx b/api-editor/gui/src/features/annotations/AnnotationView.tsx
index 230623ef2..8069d5eae 100644
--- a/api-editor/gui/src/features/annotations/AnnotationView.tsx
+++ b/api-editor/gui/src/features/annotations/AnnotationView.tsx
@@ -1,6 +1,6 @@
 import { Button, ButtonGroup, Icon, IconButton, Stack, Text as ChakraText, Tooltip } from '@chakra-ui/react';
 import React from 'react';
-import {FaCheck, FaFlag, FaQuestion, FaTimes, FaTrash, FaUser, FaWrench} from 'react-icons/fa';
+import {FaCheck, FaFlag, FaQuestion, FaRobot, FaTimes, FaTrash, FaUser, FaWrench} from 'react-icons/fa';
 import { useAppDispatch, useAppSelector } from '../../app/hooks';
 import {
     removeBoundaryAnnotation,
@@ -377,7 +377,7 @@ const AnnotationTag: React.FC<AnnotationTagProps> = function ({
             <Tooltip label={`${authorText}Click to change.`}>
                 <Button
                     leftIcon={<FaWrench />}
-                    rightIcon={authors.includes(username) && <FaUser />}
+                    rightIcon={(authors.includes(username) && <FaUser />) || (authors.length === 1 && authors[0] === '$autogen$' && <FaRobot />)}
                     flexGrow={1}
                     borderLeft="none"
                     justifyContent="flex-start"

From 2c6a9367f96f2bfd538fbf6cc896ca614ec44008 Mon Sep 17 00:00:00 2001
From: Aclrian <Aclrian@users.noreply.github.com>
Date: Fri, 8 Jul 2022 09:30:51 +0000
Subject: [PATCH 3/5] style: apply automatic fixes of linters

---
 api-editor/gui/src/features/annotations/AnnotationView.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/api-editor/gui/src/features/annotations/AnnotationView.tsx b/api-editor/gui/src/features/annotations/AnnotationView.tsx
index 8069d5eae..fe5256f9b 100644
--- a/api-editor/gui/src/features/annotations/AnnotationView.tsx
+++ b/api-editor/gui/src/features/annotations/AnnotationView.tsx
@@ -1,6 +1,6 @@
 import { Button, ButtonGroup, Icon, IconButton, Stack, Text as ChakraText, Tooltip } from '@chakra-ui/react';
 import React from 'react';
-import {FaCheck, FaFlag, FaQuestion, FaRobot, FaTimes, FaTrash, FaUser, FaWrench} from 'react-icons/fa';
+import { FaCheck, FaFlag, FaQuestion, FaRobot, FaTimes, FaTrash, FaUser, FaWrench } from 'react-icons/fa';
 import { useAppDispatch, useAppSelector } from '../../app/hooks';
 import {
     removeBoundaryAnnotation,
@@ -377,7 +377,10 @@ const AnnotationTag: React.FC<AnnotationTagProps> = function ({
             <Tooltip label={`${authorText}Click to change.`}>
                 <Button
                     leftIcon={<FaWrench />}
-                    rightIcon={(authors.includes(username) && <FaUser />) || (authors.length === 1 && authors[0] === '$autogen$' && <FaRobot />)}
+                    rightIcon={
+                        (authors.includes(username) && <FaUser />) ||
+                        (authors.length === 1 && authors[0] === '$autogen$' && <FaRobot />)
+                    }
                     flexGrow={1}
                     borderLeft="none"
                     justifyContent="flex-start"

From 235c28c1f35c20fa382feff7b636bb4ac3c0f376 Mon Sep 17 00:00:00 2001
From: Lars Reimann <mail@larsreimann.com>
Date: Fri, 8 Jul 2022 11:41:13 +0200
Subject: [PATCH 4/5] fix(gui): TypeScript error

---
 .../gui/src/features/annotations/AnnotationView.tsx  | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/api-editor/gui/src/features/annotations/AnnotationView.tsx b/api-editor/gui/src/features/annotations/AnnotationView.tsx
index fe5256f9b..0b2d8e698 100644
--- a/api-editor/gui/src/features/annotations/AnnotationView.tsx
+++ b/api-editor/gui/src/features/annotations/AnnotationView.tsx
@@ -335,6 +335,13 @@ const AnnotationTag: React.FC<AnnotationTagProps> = function ({
     const authorText = createAuthorText(authors);
     const username = useAppSelector(selectUsername);
 
+    let rightIcon;
+    if (authors.includes(username)) {
+        rightIcon = <FaUser />
+    } else if (authors.length === 1 && authors[0] === '$autogen$') {
+        rightIcon = <FaRobot />
+    }
+
     const isReportable = reportable && authors.length === 1 && authors.includes('$autogen$');
 
     // Event Handler
@@ -377,10 +384,7 @@ const AnnotationTag: React.FC<AnnotationTagProps> = function ({
             <Tooltip label={`${authorText}Click to change.`}>
                 <Button
                     leftIcon={<FaWrench />}
-                    rightIcon={
-                        (authors.includes(username) && <FaUser />) ||
-                        (authors.length === 1 && authors[0] === '$autogen$' && <FaRobot />)
-                    }
+                    rightIcon={rightIcon}
                     flexGrow={1}
                     borderLeft="none"
                     justifyContent="flex-start"

From 24798ac98d00d576a594d8dd7d0487fc18f20308 Mon Sep 17 00:00:00 2001
From: lars-reimann <lars-reimann@users.noreply.github.com>
Date: Fri, 8 Jul 2022 09:44:59 +0000
Subject: [PATCH 5/5] style: apply automatic fixes of linters

---
 api-editor/gui/src/features/annotations/AnnotationView.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/api-editor/gui/src/features/annotations/AnnotationView.tsx b/api-editor/gui/src/features/annotations/AnnotationView.tsx
index 0b2d8e698..cc0dbb934 100644
--- a/api-editor/gui/src/features/annotations/AnnotationView.tsx
+++ b/api-editor/gui/src/features/annotations/AnnotationView.tsx
@@ -337,9 +337,9 @@ const AnnotationTag: React.FC<AnnotationTagProps> = function ({
 
     let rightIcon;
     if (authors.includes(username)) {
-        rightIcon = <FaUser />
+        rightIcon = <FaUser />;
     } else if (authors.length === 1 && authors[0] === '$autogen$') {
-        rightIcon = <FaRobot />
+        rightIcon = <FaRobot />;
     }
 
     const isReportable = reportable && authors.length === 1 && authors.includes('$autogen$');