Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2895 Rev 2940
Línea 7... Línea 7...
7
import parse from "html-react-parser";
7
import parse from "html-react-parser";
8
import { addNotification } from "../../../redux/notification/notification.actions";
8
import { addNotification } from "../../../redux/notification/notification.actions";
9
import Spinner from "../../../shared/loading-spinner/Spinner";
9
import Spinner from "../../../shared/loading-spinner/Spinner";
10
import { setTimelineUrl } from "../../../redux/feed/feed.actions";
10
import { setTimelineUrl } from "../../../redux/feed/feed.actions";
11
import FeedSection from "../../../dashboard/components/feed-section/FeedSection";
11
import FeedSection from "../../../dashboard/components/feed-section/FeedSection";
-
 
12
import styles from "../../../shared/helpers/people-you-may-know/peopleYouMayKnow.module.scss";
Línea 12... Línea 13...
12
 
13
 
13
const TABS = {
14
const TABS = {
14
  FEEDS: "FEEDS",
15
  FEEDS: "FEEDS",
15
  INFO: "INFO",
16
  INFO: "INFO",
Línea 414... Línea 415...
414
                {loading &&
415
                {loading &&
415
                  <div className="spinner-container">
416
                  <div className="spinner-container">
416
                    <Spinner />
417
                    <Spinner />
417
                  </div>
418
                  </div>
418
                }
419
                }
-
 
420
                <div className="widget suggestions d-none d-md-block d-lg-block">
-
 
421
                  <div className="sd-title d-flex align-items-center justify-content-between">
-
 
422
                    <h3>Empresas similares:</h3>
419
                <div
423
                    {
420
                  className="widget suggestions full-width d-none d-md-block d-lg-block border-gray border-radius"
424
                      suggestionCompanies.length >= 5
-
 
425
                      &&
421
                  style={{ height: "auto", overflowY: "auto" }}
426
                      <a href="#" onClick={(e) => {
-
 
427
                        e.preventDefault()
-
 
428
                        setLookMore(!lookMore)
422
                >
429
                      }}>
423
                  <div className="sd-title">
430
                        {lookMore ? 'Ver menos' : 'Ver mas'}
424
                    <h3>Empresas similares</h3>
431
                      </a>
-
 
432
                    }
425
                  </div>
433
                  </div>
426
                  <div className="mb-2" id="suggestions-similar-groups" style={{ height: '80%', overflowY: 'auto' }}>
434
                  <div className="mb-2" id="suggestions-similar-groups" style={{ height: '80%', overflowY: 'auto' }}>
427
                    {suggestionCompanies.length
435
                    {suggestionCompanies.length
428
                      ? getData().map(element => {
436
                      ? getData().map(element => {
429
                        return (
437
                        return (
430
                          <div className="suggestion-usd d-flex justify-content-start align-items-center " key={element.id}>
438
                          <div className={styles.user} key={element.id}>
431
                            <img
-
 
432
                              style={{ width: "10%", height: "auto" }}
439
                            <div className="w-100 d-flex align-items-center" style={{ gap: '.5rem' }}>
433
                              src={element.image}
-
 
434
                              alt=""
-
 
435
                            />
-
 
436
                            <div
-
 
437
                              className="sgt-text"
-
 
438
                            >
-
 
439
                              <a href={element.profile} target="_blank">
440
                              <a href={element.profile} target="_blank">
440
                                <h4 className="text-dark">{element.name}</h4>
441
                                <img src={element.image} alt={`${element.name} profile image`} />
441
                              </a>
442
                              </a>
-
 
443
                              <h4>{element.name}</h4>
-
 
444
                            </div>
-
 
445
                            <div className="w-100 d-flex align-items-center justify-content-start" style={{ gap: '.5rem' }}>
-
 
446
                              {
-
 
447
                                link_request
-
 
448
                                &&
-
 
449
                                <a
-
 
450
                                  className="btn btn-primary"
-
 
451
                                  href={element.profile}
-
 
452
                                  target='_blank'
-
 
453
                                >
-
 
454
                                  MÁS INF
-
 
455
                                </a>
-
 
456
                              }
442
                            </div>
457
                            </div>
443
                          </div>
458
                          </div>
444
                        )
459
                        )
445
                      })
460
                      })
446
                      : <div className="view-more">Sin empresas similares</div>
461
                      : <div className="view-more">Sin empresas similares</div>
447
                    }
462
                    }
448
                  </div>
463
                  </div>
449
                  {
-
 
450
                    suggestionCompanies.length >= 5
-
 
451
                    &&
-
 
452
                    <div className="w-100 text-center">
-
 
453
                      <button className="btn btn-primary" onClick={() => setLookMore(!lookMore)}>
-
 
454
                        {lookMore ? 'Ver menos' : 'Ver mas'}
-
 
455
                      </button>
-
 
456
                    </div>
-
 
457
                  }
-
 
458
                </div>
464
                </div>
459
              </div>
465
              </div>
460
            </div>
466
            </div>
461
          </div>
467
          </div>
462
        </div>
468
        </div>