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
+
+
+
+
+ Then, use this new HTML for your page instead:
+
+
+
+
+
+
+
+ );
}
const S3_OUTFIT_URL_PATTERN = /^https?:\/\/openneo-uploads\.s3\.amazonaws\.com\/outfits\/([0-9]{3})\/([0-9]{3})\/([0-9]{3})\/(preview|medium_preview|small_preview)\.png$/;