🐛 Fix select item HTML hydration issue

thecafapp · Jul 17, 2024 · fd4c590 · fd4c590 · github-actions · Jul 17, 2024
1 parent f76f03f
commit fd4c590
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/components/admin/FoodList.js b/src/components/admin/FoodList.js
@@ -91,17 +91,19 @@ export default function FoodList({
             .map((food) => (
               <SearchSelectItem
                 value={food._id}
-                className="cursor-pointer"
+                className="cursor-pointer searchselectorderinvert"
                 key={food._id}
+                icon={() => (
+                  <RatingBadge
+                    rating={food.rating}
+                    ratingCount={food.ratings}
+                    showIcon={false}
+                    size="xs"
+                    className="ml-2 order-last"
+                  />
+                )}
               >
                 {uppercaseFirstLetter(food.name)}
-                <RatingBadge
-                  rating={food.rating}
-                  ratingCount={food.ratings}
-                  showIcon={false}
-                  size="xs"
-                  className="ml-2"
-                />
               </SearchSelectItem>
             ))}
         </SearchSelect>