feat(FeatureIcon): migrate to Tailwind

Closes FEPLT-1721
kiwicom · Jan 23, 2024 · a790417 · a790417
1 parent 7115064
commit a790417
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 16 deletions.
diff --git a/docs/src/data/tailwind-migration-status.yaml b/docs/src/data/tailwind-migration-status.yaml
@@ -28,7 +28,7 @@ Desktop: true
 Dialog: true
 Drawer: true
 ErrorFormTooltip: true
-FeatureIcon: false
+FeatureIcon: true
 FormLabel: true
 Grid: true
 Heading: true

diff --git a/packages/orbit-components/src/FeatureIcon/index.tsx b/packages/orbit-components/src/FeatureIcon/index.tsx
@@ -1,9 +1,7 @@
 "use client";
 
 import * as React from "react";
-import styled from "styled-components";
 
-import defaultTheme from "../defaultTheme";
 import { baseURL } from "./consts";
 import type { Props } from "./types";
 
@@ -24,20 +22,14 @@ const generateURL = (name: string) => {
   return { src: urlWithName(), srcSet: [urlWithName(2), urlWithName(3)].join(",") };
 };
 
-export const StyledFeatureIcon = styled(({ className, name, alt, dataTest, id }) => (
-  <img className={className} alt={alt} data-test={dataTest} id={id} {...generateURL(name)} />
-))`
-  height: ${baseSize}px;
-  width: auto;
-  background-color: transparent;
-`;
-
-StyledFeatureIcon.defaultProps = {
-  theme: defaultTheme,
-};
-
 const FeatureIcon = ({ alt = "", name, dataTest, id }: Props) => (
-  <StyledFeatureIcon alt={alt} name={name} dataTest={dataTest} id={id} />
+  <img
+    className="h-[52px] w-auto bg-transparent"
+    alt={alt}
+    data-test={dataTest}
+    id={id}
+    {...generateURL(name)}
+  />
 );
 
 export default FeatureIcon;