fix: change imports for icons because of EMFILE error

Ran into an issue of too many open files on vercel builds. phosphor-icons/react#45
nikolailehbrink · Apr 29, 2024 · 55cebde · 55cebde
1 parent 421b387
commit 55cebde
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/app/components/EncryptForm.tsx b/app/components/EncryptForm.tsx
@@ -3,11 +3,9 @@ import { Label } from "./ui/label";
 import { Textarea } from "./ui/textarea";
 import { Button } from "./ui/button";
 import PasswordInput from "./PasswordInput";
-import {
-  CircleNotch,
-  LinkSimple,
-  LockKey,
-} from "@phosphor-icons/react/dist/ssr";
+import { CircleNotch } from "@phosphor-icons/react/dist/ssr/CircleNotch";
+import { LinkSimple } from "@phosphor-icons/react/dist/ssr/LinkSimple";
+import { LockKey } from "@phosphor-icons/react/dist/ssr/LockKey";
 
 export default function EncryptForm() {
   const { state } = useNavigation();

diff --git a/app/components/ErrorOutput.tsx b/app/components/ErrorOutput.tsx
@@ -1,5 +1,5 @@
 import { cn } from "@/lib/utils";
-import { Warning } from "@phosphor-icons/react/dist/ssr";
+import { Warning } from "@phosphor-icons/react/dist/ssr/Warning";
 
 type Props = { message: string; className?: string };
 export default function Error({ message, className }: Props) {

diff --git a/app/components/PasswordInput.tsx b/app/components/PasswordInput.tsx
@@ -1,7 +1,8 @@
 import { Button } from "./ui/button";
 import { Input } from "./ui/input";
 import { Label } from "./ui/label";
-import { Eye, EyeSlash } from "@phosphor-icons/react/dist/ssr";
+import { Eye } from "@phosphor-icons/react/dist/ssr/Eye";
+import { EyeSlash } from "@phosphor-icons/react/dist/ssr/EyeSlash";
 
 export default function PasswordInput({
   placeholderText = "Enter a password to protect your message",

diff --git a/app/routes/$uuid.tsx b/app/routes/$uuid.tsx
@@ -5,7 +5,8 @@ import invariant from "tiny-invariant";
 import { decryptText } from "@/lib/crypto";
 import { Button } from "@/components/ui/button";
 import PasswordInput from "@/components/PasswordInput";
-import { LockKey, LockKeyOpen } from "@phosphor-icons/react/dist/ssr";
+import { LockKey } from "@phosphor-icons/react/dist/ssr/LockKey";
+import { LockKeyOpen } from "@phosphor-icons/react/dist/ssr/LockKeyOpen";
 import ErrorOutput from "@/components/ErrorOutput";
 
 export async function loader({ params }: LoaderFunctionArgs) {