Skip to content

Block render time delay #100

@tdiwanshu

Description

@tdiwanshu

i am getting the delay in both android and ios when render the blocks , how i can resolve this

https://github.com/user-attachments/assets/df87bf3f-f471-49f7-b7aa-ca1955ac4503
variable :
event_media: [
{ key: "1", imageurl: "", isServer: false },
{
key: "2",
imageurl: "",
isServer: false,
},
{ key: "3", imageurl: "", isServer: false },
{ key: "4", imageurl: "", isServer: false },
{ key: "5", imageurl: "", isServer: false },
{ key: "6", imageurl: "", isServer: false },
],

ussage==>

<DraggableGrid
numColumns={3}
renderItem={NewBlock}
data={eventcsetup?.event_media}
onItemPress={(item) => {
if (item?.imageurl == "") {
setUploadModal(true);
}
}}
onDragStart={() => {
setisScreenScroll(false);
const filled = getFilledMedia(eventcsetup?.event_media);

                    if (filled.length <= 1) {
                      return;
                    }
                  }}
                  onDragItemActive={(i) => {
                    console.log("itemactive", i);
                    setisScreenScroll(false);
                  }}
                  onDragRelease={(data) => {
                    console.log(data, "draging data");

                    setisScreenScroll(true);
                    // Check if the first index has a video
                    const filled = getFilledMedia(data);

                    // Don't update if only 1 or 0 images
                    if (filled.length <= 1) {
                      console.log("Drag ignored, not enough images");
                      return;
                    }

                    if (isVideo(data[0]?.imageurl)) {
                      AppUtils.showToast(
                        localization?.appkeys?.noVideoFirst
                      );
                      return;
                    }
                    const reordered = [...eventcsetup?.event_media];
                    const onlyImagesDragged = filled;

                    let imageIndex = 0;
                    for (let i = 0; i < reordered.length; i++) {
                      if (reordered[i].imageurl !== "") {
                        reordered[i] = onlyImagesDragged[imageIndex++];
                      }
                    }

                    seteventcsetup({
                      ...eventcsetup,
                      event_media: reordered,
                    });
                  }}
                />

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions