Proyectos de Subversion LeadersLinked - SPA

import React, { useEffect } from "react";
import { useDispatch, useSelector } from "react-redux";
import { useParams } from "react-router-dom";

import { useFetch } from "@hooks";
import {
  fetchFeeds,
  setCurrentPage,
  setTimelineUrl,
} from "@store/feed/feed.actions";

import AppGrid from "@components/UI/layout/AppGrid";
import Spinner from "@components/UI/Spinner";
import Pagination from "@components/common/Pagination";
import FeedList from "@components/dashboard/linkedin/feed-list/FeedList";
import CompanyFollowers from "@components/company/company-followers";
import CompanyWidget from "@components/company/company-widget";
import AboutCompany from "@components/company/about-company";
import CompanyInfo from "@components/company/company-info";

export default function LinkedInCompany() {
  const { uuid } = useParams();
  const dispatch = useDispatch();
  const { feeds, timelineUrl, currentPage, loading, pages } = useSelector(
    ({ feed }) => feed
  );

  const {
    data,
    loading: loadingCompany,
    refetch,
  } = useFetch(`/company/view/${uuid}`);

  const isFollower = !!data.link_unfollow;
  const allFeeds = feeds.allIds.map((id) => feeds.byId[id]);

  const onChangePageHandler = (currentPage) => {
    dispatch(setCurrentPage(currentPage));
    window.scrollTo(0, 0);
  };

  useEffect(() => {
    dispatch(fetchFeeds(timelineUrl, currentPage));
  }, [timelineUrl, currentPage]);

  useEffect(() => {
    dispatch(setTimelineUrl(data.link_timeline));
  }, [data]);

  if (loadingCompany) {
    return <Spinner />;
  }

  return (
    <AppGrid
      renderSidebar={() => <CompanyInfo company={data} />}
      renderMain={() => (
        <>
          <CompanyWidget company={data} refetch={refetch} />
          {loading && <Spinner />}
          {!isFollower && <AboutCompany company={data} />}
          {isFollower && !loading && (
            <>
              <FeedList feeds={allFeeds} />
              <Pagination
                pages={pages}
                page={currentPage}
                onChange={onChangePageHandler}
              />
            </>
          )}
        </>
      )}
      renderAside={() => (
        <>
          <CompanyFollowers companyId={uuid} />
          <AboutCompany company={data} />
        </>
      )}
    />
  );
}