Changed upload filesize and small UI fix

luloxi · Sep 23, 2024 · f2000e4 · f2000e4
1 parent 8d0bf9b
commit f2000e4
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git a/packages/nextjs/app/api/ipfs/upload-image/route.ts b/packages/nextjs/app/api/ipfs/upload-image/route.ts
@@ -1,7 +1,7 @@
 import { NextRequest, NextResponse } from "next/server";
 import { ipfsClient } from "~~/utils/simpleNFT/ipfs";
 
-const MAX_FILE_SIZE = 2 * 1024 * 1024; // 2 MB in bytes (2 * 1024 * 1024 = 2,097,152 bytes)
+const MAX_FILE_SIZE = 5 * 1024 * 1024; // 5 MB in bytes (2 * 1024 * 1024 = 2,097,152 bytes)
 
 export async function POST(request: NextRequest) {
   try {

diff --git a/packages/nextjs/app/create/_components/ImageUploader.tsx b/packages/nextjs/app/create/_components/ImageUploader.tsx
@@ -16,8 +16,8 @@ export const ImageUploader: React.FC<ImageUploaderProps> = ({ image, setUploaded
   const [loading, setLoading] = useState(false);
   const [hovered, setHovered] = useState(false);
 
-  // File size validation (2MB)
-  const MAX_FILE_SIZE_MB = 2 * 1024 * 1024; // 2 MB in bytes
+  // File size validation (5MB)
+  const MAX_FILE_SIZE_MB = 5 * 1024 * 1024; // 5 MB in bytes
 
   // Handle file drop or selection
   const handleFileUpload = async (file: File) => {

diff --git a/packages/nextjs/app/myProfile/_components/ProfilePictureUpload.tsx b/packages/nextjs/app/myProfile/_components/ProfilePictureUpload.tsx
@@ -19,8 +19,10 @@ export const ProfilePictureUpload: React.FC<ProfilePictureUploadProps> = ({
   const [loading, setLoading] = useState(false);
   const [hovered, setHovered] = useState(false);
 
-  // File size validation (2MB)
-  const MAX_FILE_SIZE_MB = 2 * 1024 * 1024; // 2 MB in bytes
+  // File size validation (5MB)
+  const MAX_FILE_SIZE_MB = 5 * 1024 * 1024; // 5 MB in bytes
+
+  const defaultProfilePicture = "https://ipfs.io/ipfs/QmVCvzEQHFKzAYSsou8jEJtWdFj31n2XgPpbLjbZqui4YY";
 
   // Handle file drop or selection
   const handleFileUpload = async (file: File) => {
@@ -127,7 +129,7 @@ export const ProfilePictureUpload: React.FC<ProfilePictureUploadProps> = ({
         </div>
       ) : (
         <Image
-          src={profilePicture}
+          src={defaultProfilePicture}
           alt="Profile Picture Preview"
           className="rounded-full object-cover"
           width={128}

diff --git a/packages/nextjs/scaffold.config.ts b/packages/nextjs/scaffold.config.ts
@@ -11,6 +11,7 @@ export type ScaffoldConfig = {
 const scaffoldConfig = {
   // The networks on which your DApp is live
   targetNetworks: [chains.sepolia, chains.foundry],
+  // targetNetworks: [chains.foundry],
 
   // The interval at which your front-end polls the RPC servers for new data
   // it has no effect if you only target the local network (default is 4000)