Apps/nutritionfacts/embed (#155)

* simplify embed

* hide form on iFrame

Author: thedannywahl

apps/nutritionfacts/src/App.tsx

@@ -135,6 +135,7 @@ const App: FC = () => {
 					layout={layout}
 					product={product}
 					setProduct={setProduct}
+					isInIframe={isInIframe}
 				/>
 			</View>
 			{!isInIframe && (

apps/nutritionfacts/src/Components/Export/Embed.tsx

@@ -29,7 +29,7 @@ const Embed = async (product: AiInfoFeatureProps, layout: PageLayout) => {
 		].join(" ");
 
 		const separator = baseUrl.includes("?") ? "&" : "?";
-		const embedCode = `<iframe id="ai-facts" width="670px" height="${height}px" class="${helperClasses}" style="width:670px; outline: none; border:0 none;" allowfullscreen src="${baseUrl}${separator}embed&id=${product.uid}${layout.copyright ? "" : "&copyright=false"}${layout.disclaimer ? "" : "&disclaimer=false"}${layout.revision ? "" : "&revision=false"}"></iframe>
+		const embedCode = `<iframe id="ai-facts" width="670px" height="${height}px" class="${helperClasses}" style="width:670px; outline: none; border:0 none;" allowfullscreen src="${baseUrl}${separator}id=${product.uid}${layout.copyright ? "" : "&copyright=false"}${layout.disclaimer ? "" : "&disclaimer=false"}${layout.revision ? "" : "&revision=false"}"></iframe>
 <div class="hidden" id="ai-facts-hidden" style="display:none;">
   ${productToText(product)}
 </div>`;

apps/nutritionfacts/src/Components/Layout/NutritionFactsForm.tsx

@@ -18,7 +18,8 @@ const NutritionFactsForm: FC<{
 	layout: PageLayout;
 	setProduct: Dispatch<SetStateAction<AiInfoFeatureProps | undefined>>;
 	isNarrow?: boolean;
-}> = ({ product, layout, setProduct, isNarrow }) => {
+	isInIframe?: boolean;
+}> = ({ product, layout, setProduct, isNarrow, isInIframe }) => {
 	function isNutritionFacts(obj: unknown): obj is NutritionFactsProps {
 		return (
 			typeof obj === "object" &&
@@ -45,11 +46,11 @@ const NutritionFactsForm: FC<{
 						Nutrition Facts
 					</Heading>
 				</Flex.Item>
-				<Flex.Item size="50%">
+				{!isInIframe && <Flex.Item size="50%">
 					<View as="div" margin="0 0 small">
 						<Presets product={product} setProduct={setProduct} />
 					</View>
-				</Flex.Item>
+				</Flex.Item>}
 			</Flex>
 			<Divider />
 			<Flex alignItems="center" direction="column">