Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1704 | Rev 1706 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1704 Rev 1705
Línea 44... Línea 44...
44
  const [followers, setFollowers] = useState(totalFollowers);
44
  const [followers, setFollowers] = useState(totalFollowers);
45
  const [initialLoading, setInitialLoading] = useState(true);
45
  const [initialLoading, setInitialLoading] = useState(true);
46
  const [isFollower, setIsFollower] = useState(false);
46
  const [isFollower, setIsFollower] = useState(false);
47
  const [currentTab, setCurrentTab] = useState(TABS.INFO);
47
  const [currentTab, setCurrentTab] = useState(TABS.INFO);
48
  const [suggestionCompanies, setSuggestionCompanies] = useState([])
48
  const [suggestionCompanies, setSuggestionCompanies] = useState([])
-
 
49
  const [lookMore, setLookMore] = useState(false);
49
  const shouldSetInitialTab = useRef(true);
50
  const shouldSetInitialTab = useRef(true);
Línea 50... Línea 51...
50
 
51
 
51
  useEffect(() => {
52
  useEffect(() => {
52
    setTimelineUrl(timeline);
53
    setTimelineUrl(timeline);
Línea 110... Línea 111...
110
        msg: "ha ocurrido un error",
111
        msg: "ha ocurrido un error",
111
      });
112
      });
112
    }
113
    }
113
  };
114
  };
114
  const changeCurrentTab = (tab) => {
115
  const changeCurrentTab = (tab) => {
115
    ('>>: tab> ', tab)
-
 
116
    setCurrentTab(tab)
116
    setCurrentTab(tab)
117
  }
117
  }
-
 
118
 
-
 
119
  const getData = () => {
-
 
120
    let infoFollows = [...companyFollowers]
-
 
121
    if(!lookMore){
-
 
122
      infoFollows = infoFollows.slice(0, 5);
-
 
123
    }
-
 
124
    return infoFollows
-
 
125
  }
118
  return (
126
  return (
119
    <React.Fragment>
127
    <React.Fragment>
120
      <section className="cover-sec">
128
      <section className="cover-sec">
121
        <img
129
        <img
122
          id="user-cover-img"
130
          id="user-cover-img"
Línea 506... Línea 514...
506
                      <div className="sd-title">
514
                      <div className="sd-title">
507
                        <h3>Empresas similares</h3>
515
                        <h3>Empresas similares</h3>
508
                      </div>
516
                      </div>
509
                      {/* <!--sd-title end--> */}
517
                      {/* <!--sd-title end--> */}
510
                      {suggestionCompanies.length ? (
518
                      {suggestionCompanies.length ? (
511
                        suggestionCompanies.map(element => {
519
                        getData().map(element => {
512
                          return (
520
                          return (
513
                            <div className="suggestion-usd d-flex justify-content-start align-items-center " key={element.id}>
521
                            <div className="suggestion-usd d-flex justify-content-start align-items-center " key={element.id}>
514
                              <img
522
                              <img
515
                                style={{ width: "10%", height: "auto" }}
523
                                style={{ width: "10%", height: "auto" }}
516
                                src={element.image}
524
                                src={element.image}
Línea 527... Línea 535...
527
                          )
535
                          )
528
                        })
536
                        })
529
                      ) : (
537
                      ) : (
530
                        <div className="view-more">Sin empresas similares</div>
538
                        <div className="view-more">Sin empresas similares</div>
531
                      )}
539
                      )}
-
 
540
                      <div
-
 
541
                        className="w-100 text-center"
-
 
542
                      >
-
 
543
                        <button className="btn btn-primary" onClick={() => setLookMore(!lookMore)}>
-
 
544
                          Ver mas
-
 
545
                        </button>
-
 
546
                      </div>
532
                    </div>
547
                    </div>
533
                  </div>
548
                  </div>
534
                  {/* <!--right-sidebar end--> */}
549
                  {/* <!--right-sidebar end--> */}
535
                </div>
550
                </div>
536
              </div>
551
              </div>