diff --git a/src/app/OutfitUrlsPage.js b/src/app/OutfitUrlsPage.js index 2487899..a7e7cee 100644 --- a/src/app/OutfitUrlsPage.js +++ b/src/app/OutfitUrlsPage.js @@ -5,6 +5,7 @@ import { Box, Button, Center, + Flex, FormControl, FormErrorMessage, FormLabel, @@ -17,6 +18,7 @@ import { TabPanel, TabPanels, Tabs, + Textarea, useBreakpointValue, useClipboard, useColorModeValue, @@ -249,7 +251,57 @@ function SingleImageConverter() { } function BulkImageConverter() { - return TODO: Bulk image converter; + const [inputHtml, setInputHtml] = React.useState(""); + + const outputHtml = inputHtml + ? "\n" + inputHtml + : ""; + + const { onCopy, hasCopied } = useClipboard(outputHtml); + + return ( + + + Enter your lookup/petpage HTML +