export default function()

in src/pages/blessing_wall/index.js [7:71]
59 lines of code
8 McCabe index (conditional complexity)

export default function(){
    let [curPage, setPage] = useState(0);
    const pageSize = 7;
    const isBrowser = useIsBrowser();

    const language = isBrowser && location.pathname.indexOf('/zh-CN/') === 0 ? 'zh-CN' : 'en';
    const totalDataSource = config?.[language];
    let dataSource = {...totalDataSource}
    dataSource.blessing = totalDataSource.blessing.slice(curPage * pageSize, curPage * pageSize + pageSize);
    let flag = totalDataSource.blessing.length % pageSize === 0;
    let totalPage = Math.floor(totalDataSource.blessing.length / pageSize)
    totalPage = flag ? totalPage : totalPage + 1;
    let sum = 0;
    totalPage = new Array(totalPage).fill(-1).map((curv) => {
            sum++;
            return curv + sum;
    })

    const changePage = (index) =>{
        setPage(index);
        dataSource.blessing = totalDataSource.blessing.slice(index * pageSize, index * pageSize + pageSize);
    }

    const nextPage = (type) =>{
        if(type === '<') {
            if(curPage <= 0) return;
            else changePage(curPage - 1);
                
        }

        if(type === '>') {
            if(curPage >= totalPage.length - 1) return;
            else changePage(curPage + 1);
        }
    }

    return (
        <Layout>
            <div className={Style.title}>{dataSource.info.title}</div>
           <div style={{marginLeft: '50%', transform: 'translateX(-50%)'}}>
               {
                   dataSource.blessing.map(item => {
                       return (
                           <div className={Style.person_dialog} key={item.name}>
                               <div className={Style.avatar} style={{backgroundImage: `url(${item.avatar})`}}></div>
                               <div className={Style.dialog}>
                                   <div className={Style.dialogBar}>
                                       <div className={Style.tri}></div>
                                       <div className={Style.tri_small}></div>
                                       <div className={Style.user_info}>
                                           <span style={{fontSize: '15px', color: '#6F7574'}}>{item.name + ' '}</span>
                                           <span style={{fontSize: '10px', color: '#6F7574'}}>{item.company}</span>
                                           <span style={{fontSize: '10px', color: '#6F7573'}}> | </span>
                                           <span style={{fontSize: '10px', color: '#6F7573'}}>{item.post}</span>
                                       </div>
                                   </div>
                                   <div className={Style.user_blessing}>{item.utterance}</div>
                               </div>
                           </div>
                       )
                   })
               }
           </div>
           <div className={Style.big_page_box}>
            <div className={Style.page} onClick={()=> nextPage('<')}>{'<'}</div>