Add className to animal identification cell

LiteFarmOrg · Dec 12, 2024 · a889d3d · a889d3d
1 parent 23581ce
commit a889d3d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/packages/webapp/src/components/Table/Cell/CellTypes/IconText.tsx b/packages/webapp/src/components/Table/Cell/CellTypes/IconText.tsx
@@ -24,6 +24,7 @@ export type IconTextProps = {
   highlightedText: string | number | null | undefined;
   photoUrl: string | null;
   removed?: boolean;
+  className?: string;
 };
 
 const IconText = ({
@@ -34,9 +35,10 @@ const IconText = ({
   highlightedText,
   removed,
   photoUrl,
+  className,
 }: IconTextProps) => {
   return (
-    <div className={styles.iconTextContainer}>
+    <div className={clsx(styles.iconTextContainer, className)}>
       {photoUrl && iconName !== 'REMOVED_ANIMAL' ? (
         <img src={photoUrl} className={styles.photoUrl} />
       ) : (

diff --git a/packages/webapp/src/containers/Animals/Inventory/index.tsx b/packages/webapp/src/containers/Animals/Inventory/index.tsx
@@ -308,6 +308,7 @@ export default function AnimalInventory({
             photoUrl={d.photo_url}
             subtext={isDesktop ? null : `${d.type} / ${d.breed}`}
             highlightedText={d.batch ? d.count : null}
+            className={view !== View.TASK_SUMMARY ? styles.afterCheckbox : ''}
           />
         ),
       },

diff --git a/packages/webapp/src/containers/Animals/Inventory/styles.module.scss b/packages/webapp/src/containers/Animals/Inventory/styles.module.scss
@@ -135,3 +135,7 @@
   width: calc(100% - 20px); // icon width 16px + gap 4px
   @include truncateText();
 }
+
+.afterCheckbox {
+  margin-left: -12px;
+}