Remove show OCR if not available

alexfauquette · Mar 7, 2024 · e19e96c · e19e96c
1 parent a4afc9b
commit e19e96c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/src/pages/ingredients/ImageAnnotation.tsx b/src/pages/ingredients/ImageAnnotation.tsx
@@ -92,7 +92,7 @@ function Annotation({
             ),
           )}
       {showOCR && (
-        <p>
+        <p style={{ marginTop: 5 * 4 }}>
           {splitText(data).map(({ isIngredient, text }, i) => (
             <React.Fragment key={`${text}-${i}`}>
               {isIngredient ? (
@@ -108,15 +108,16 @@ function Annotation({
         </p>
       )}
 
-      <Button
-        sx={{ my: 5 }}
-        variant="outlined"
-        onClick={() => {
-          setShowOCR((p) => !p);
-        }}
-      >
-        {showOCR ? "Hidde OCR" : "Show OCR"}
-      </Button>
+      {data && (
+        <Button
+          variant="outlined"
+          onClick={() => {
+            setShowOCR((p) => !p);
+          }}
+        >
+          {showOCR ? "Hidde OCR" : "Show OCR"}
+        </Button>
+      )}
     </React.Fragment>
   );
 }
@@ -142,6 +143,7 @@ export default function ImageAnnotation({
       />
       <Button
         fullWidth
+        sx={{ mt: 5 }}
         disabled={isLoading || error !== null || data !== null}
         onClick={getData}
         variant="outlined"

diff --git a/src/pages/ingredients/IngeredientDisplay.tsx b/src/pages/ingredients/IngeredientDisplay.tsx
@@ -267,6 +267,8 @@ export function IngredientAnotation(props) {
           onClick={() => fetchIngredients(text, lang)}
           fullWidth
           loading={isLoading}
+          disabled={!text}
+          variant="outlined"
         >
           {t("ingredients.parsing")}
         </LoadingButton>