From 8d9f6bbe81f4f4c4b1ea47019a1b86311cece0dd Mon Sep 17 00:00:00 2001
From: Emma Indal <emma.indahl@gmail.com>
Date: Tue, 14 Jun 2022 16:06:18 +0200
Subject: [PATCH] add storybook example of stack overflow search result with
 icon

Signed-off-by: Emma Indal <emma.indahl@gmail.com>
---
 ...StackOverflowSearchResultListItem.stories.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/plugins/stack-overflow/src/search/StackOverflowSearchResultListItem/StackOverflowSearchResultListItem.stories.tsx b/plugins/stack-overflow/src/search/StackOverflowSearchResultListItem/StackOverflowSearchResultListItem.stories.tsx
index 1239cabcbe..df5b8038b0 100644
--- a/plugins/stack-overflow/src/search/StackOverflowSearchResultListItem/StackOverflowSearchResultListItem.stories.tsx
+++ b/plugins/stack-overflow/src/search/StackOverflowSearchResultListItem/StackOverflowSearchResultListItem.stories.tsx
@@ -17,6 +17,7 @@
 import { StackOverflowSearchResultListItem } from '../../plugin';
 import { wrapInTestApp } from '@backstage/test-utils';
 import React, { ComponentType } from 'react';
+import { StackOverflowIcon } from '../../icons';
 
 export default {
   title: 'Plugins/Search/StackOverflowResultListItem',
@@ -37,3 +38,18 @@ export const Default = () => {
     />
   );
 };
+
+export const WithIcon = () => {
+  return (
+    <StackOverflowSearchResultListItem
+      result={{
+        title: 'Customizing Spotify backstage UI',
+        text: 'Name of Author',
+        location: 'stackoverflow.question/1',
+        answers: 0,
+        tags: ['backstage'],
+      }}
+      icon={<StackOverflowIcon />}
+    />
+  );
+};