refactor: move ItemThumbnail to separate directory

Author: zendesk-maciej-lorens

…s/service-catalog-list/ItemThumbnail.tsx …ponents/item-thumbnail/ItemThumbnail.tsxsrc/modules/service-catalog/components/service-catalog-list/ItemThumbnail.tsx renamed to src/modules/service-catalog/components/item-thumbnail/ItemThumbnail.tsx src/modules/service-catalog/components/service-catalog-list/ItemThumbnail.tsx renamed to src/modules/service-catalog/components/item-thumbnail/ItemThumbnail.tsx

@@ -3,7 +3,7 @@ import styled from "styled-components";
 import { getColorV8 } from "@zendeskgarden/react-theming";
 import { Avatar } from "@zendeskgarden/react-avatars";
 
-const StyledAvatar = styled(Avatar)<{ size: string }>`
+const StyledAvatar = styled(Avatar)<{ size: "medium" | "large" }>`
   background-color: ${(props) => getColorV8("grey", 100, props.theme)};
   width: ${(props) => (props.size === "large" ? 72 : 40)}px !important;
   height: ${(props) => (props.size === "large" ? 72 : 40)}px !important;
@@ -20,12 +20,10 @@ type ItemThumbnailProps = {
   url?: string | null;
 };
 
-const ItemThumbnail = ({ size, url }: ItemThumbnailProps) => {
+export const ItemThumbnail = ({ size, url }: ItemThumbnailProps) => {
   return (
     <StyledAvatar size={size} isSystem>
       {url ? <img src={url} alt="" /> : <ShapesIcon aria-hidden="true" />}
     </StyledAvatar>
   );
 };
-
-export default ItemThumbnail;

src/modules/service-catalog/components/service-catalog-item/CollapsibleDescription.tsx

@@ -6,7 +6,7 @@ import ChevronDown from "@zendeskgarden/svg-icons/src/16/chevron-down-fill.svg";
 import { useTranslation } from "react-i18next";
 import { getColorV8 } from "@zendeskgarden/react-theming";
 import { XXXL } from "@zendeskgarden/react-typography";
-import ItemThumbnail from "../service-catalog-list/ItemThumbnail";
+import { ItemThumbnail } from "../item-thumbnail/ItemThumbnail";
 
 const DescriptionWrapper = styled.div`
   border-bottom: ${(props) => props.theme.borders.sm}

src/modules/service-catalog/components/service-catalog-list/ServiceCatalogListItem.tsx

@@ -1,7 +1,7 @@
 import type { ServiceCatalogItem } from "../../data-types/ServiceCatalogItem";
 import styled from "styled-components";
 import { getColorV8 } from "@zendeskgarden/react-theming";
-import ItemThumbnail from "./ItemThumbnail";
+import { ItemThumbnail } from "../item-thumbnail/ItemThumbnail";
 
 const ItemContainer = styled.a`
   display: flex;