Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React, { useEffect, useState } from 'react'
import { axios } from '../../../../../utils';
import { useDispatch } from 'react-redux';
import { setTimelineUrl } from '../../../../../redux/feed/feed.actions';
import FeedList from '../../../../../dashboard/templates/linkedin/Feed/FeedList';
import GroupInfo from '../../../../../group/view/templates/linkedin/components/GroupInfo'
import AboutCompany from '../components/AboutCompany';
import CompanyFollowers from '../components/CompanyFollowers';
import CompanyActions from '../components/CompanyActions';

const View = ({ backendVars }) => {
    const [authorizedLinks, setAuthorizedLinks] = useState(null);
    const [isFollower, setIsFollower] = useState(false);
    const dispatch = useDispatch()

    useEffect(() => {
        dispatch(setTimelineUrl(backendVars.timeline))
        fetchAuthorizedLinks();
    }, []);

    const fetchAuthorizedLinks = async () => {
        const { data: response } = await axios.get(`/company/view/${backendVars.companyId}`);
        if (response.success) {
            setAuthorizedLinks(response.data);
            if (response.data.link_unfollow) {
                setIsFollower(true);
            } else {
                setIsFollower(false);
            }
        }
    };

    return (
        <main className="w-100">
            <div className="container p-0 app__body layout__content">
                <div className="d-flex flex-column">
                    <GroupInfo
                        cover={backendVars.cover}
                        image={backendVars.image}
                        name={backendVars.companyName}
                        overview={backendVars.overview}
                        groupId={backendVars.companyId}
                        totalMembers={backendVars.totalFollowers}
                        groupType={backendVars.companySize}
                        accessibility={backendVars.industry}
                        type='company'
                    />
                </div>
                <div className="d-flex flex-column" style={{ gap: '.5rem' }}>
                    <CompanyActions
                        name={backendVars.companyName}
                        image={backendVars.image}
                        companyId={backendVars.companyId}
                        cover={backendVars.cover}
                        overview={backendVars.overview}
                        refetch={() => fetchAuthorizedLinks()}
                        actionLinks={authorizedLinks}
                    />
                    {!isFollower
                        ? <AboutCompany {...backendVars} />
                        : <FeedList image={`/storage/type/company/code/${backendVars.companyId}/${backendVars.image ? `filename/${backendVars.image}` : ""}`} />
                    }
                </div>
                <div className="d-flex flex-column" style={{ gap: '.5rem' }}>
                    <CompanyFollowers companyId={backendVars.companyId} />
                    <AboutCompany {...backendVars} />
                </div>
            </div>
        </main>
    )
}

export default View