[Image Converter] Broken after upgrade to remix + vite (#56)

mnara-solutions · Mar 29, 2024 · 137526d · 137526d
1 parent e5aff13
commit 137526d
Show file tree

Hide file tree

Showing 6 changed files with 589 additions and 417 deletions.
diff --git a/.idea/prettier.xml b/.idea/prettier.xml
diff --git a/app/root.tsx b/app/root.tsx
@@ -15,7 +15,7 @@ import dark from "../node_modules/highlight.js/styles/stackoverflow-dark.css?url
 import { ArrowLeftIcon } from "@heroicons/react/20/solid";
 
 // @ts-expect-error hack to get around react-dnd + vite issue
-globalThis.global = {};
+globalThis.global = typeof window !== "undefined" ? window : {};
 
 export const meta: MetaFunction = () => {
   const title = "Utiliti";

diff --git a/app/routes/image-converter.tsx b/app/routes/image-converter.tsx
@@ -15,6 +15,8 @@ import {
   XCircleIcon,
 } from "@heroicons/react/24/outline";
 import { classNames } from "~/common";
+import { DropTargetMonitor, useDrop } from "react-dnd";
+import { NativeTypes } from "react-dnd-html5-backend";
 
 export const meta = metaHelper(
   utilities.imageConverter.name,
@@ -36,6 +38,7 @@ function renameFile(file: File, format: string) {
 
   return `${filenameWithoutExtension}.${format}`;
 }
+
 export default function ImageConverter() {
   const [files, setFiles] = useState<File[]>([]);
   const [dataUrls, setDataUrls] = useState<string[]>([]);