solved.,,.need more help

[Aafaque-Nazir]

make sure you pass dispatch(login(userData)) not dispatch(login({userData}))

in first case userId==userData.$id
in second case userId==userData.userData.$id as it wrap the userData one more time so like in app.jsx sir use {userData} while passing in login in dispatch in useEffect i have same problem just remove curly brases at there🫡

Originally posted by @Virpal-Singh in #268

thank you for the solution,.,.,.but i want you to tell me that initially mypreview images showing properly but now i check its not shwoing ..,what to do,.,.i even recheck all things,.,.so please if you have solution of that so plzz provide me ,.,.thank you

[mohammadzaid07]

I also face the same problem with image previews, but now i found the solution. Actually the getFilePreview function is only available with paid plan from April 2025. So we can only use getFileView in Free plan. This will load the images but in the original size/full size.

In Post.jsx and PostCard.jsx

change 'getFilePreview' with 'getFileView'

One more thing we have to set permision while uploading the file to read by all users, then only can we render images in Post and Postcard.

To set permisision use this code

import { Client, ID, Databases, Storage, Query, Permission, Role } from "appwrite";

in config.js file import Permission and Role from appwrite

and in uploadFile function in config.js file add this code

[Permission.read(Role.any())]

just like below code

async uploadFile(file) {
try {
return await this.bucket.createFile(
conf.appwriteBucketId,
ID.unique(),
file,
[Permission.read(Role.any())]
);
} catch (error) {
console.log("Appwrite Service :: uploadFile :: error", error);
return false;
}
}

After this image will be rendered