frontend/app/explore/module/content.tsx

import axios from 'axios';
import translator from '@/constants/module/translator';
import Storage from '@/constants/module/storages/storage';

export const get_list = async (setShowCloudflareTurnstile:any,setFeedBack:any,signal:AbortSignal,setIsLoading:any,translate:any,SET_CONTENT:any,search:any,page:number) => {
    const API_BASE = await Storage.get("IN_USE_API_BASE")
    axios({
        method: 'post',
        url: `${API_BASE}/api/web_scrap/get_list/`,
        headers: {
            'X-CLOUDFLARE-TURNSTILE-TOKEN': await Storage.get("cloudflare-turnstile-token")
        },
        data: {
            search:search,
            page:page,
            source:"colamanga",
        },
        timeout: 60000,
        signal:signal,
    }).then((response) => {(async () =>{
        
        const DATA = response.data.data
        
        if (DATA.length) {
            setFeedBack("")
        }
        else {
            setFeedBack("No Result.")
            setIsLoading(false)
            return
        }
        if (translate.state){            
            const TRANSLATED_DATA = []
            for (const item of DATA){
                item.title = await translator(translate.from,translate.to,item.title)
                TRANSLATED_DATA.push(item)
            }
            SET_CONTENT(TRANSLATED_DATA)
        }else{
            SET_CONTENT(DATA)
        }
        setIsLoading(false)
        
    })()}).catch((error) => {
        console.log(error)
        
        if (error.status === 511) setShowCloudflareTurnstile(true)
        else{
            setFeedBack("Error fetching data! Try request again.")
            setIsLoading(false)
        }
    })
}