Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3278 Rev 3279
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useState, useLayoutEffect, useRef } from 'react';
 2 
import React, { useState, useLayoutEffect, useRef } from 'react';
3 
import { axios } from '../utils';
 3 
import { axios } from '../utils';
4 
import { connect } from 'react-redux';
 4 
import { connect } from 'react-redux';
5 
import { BiDotsVerticalRounded } from 'react-icons/bi';
 5 
import { BiDotsVerticalRounded } from 'react-icons/bi';
6 
import { BsTrash, BsEye } from 'react-icons/bs';
 6 
import { FaTrash, FaEye } from 'react-icons/fa';
7 
import { addNotification } from '../redux/notification/notification.actions';
 7 
import { addNotification } from '../redux/notification/notification.actions';
8 
import ProfileInfo from '../dashboard/components/home-section/ProfileInfo';
 8 
import ProfileInfo from '../dashboard/components/home-section/ProfileInfo';
9 
import SocialNetworks from '../dashboard/components/home-section/SocialNetworks';
 9 
import SocialNetworks from '../dashboard/components/home-section/SocialNetworks';
Línea 10... Línea 10...
10 
 
 10 
 
Línea 92... Línea 92...
92 
          <SocialNetworks />
 92 
          <SocialNetworks />
93 
        </div>
 93 
        </div>
94 
        <div className="card-body">
 94 
        <div className="card-body">
95 
          <div className="container">
 95 
          <div className="container">
96 
            <div className="messages-sec border-gray px-5 py-4">
 96 
            <div className="messages-sec border-gray px-5 py-4">
97 
              <div className="d-flex align-items-center justify-content-between">
 97 
              <div className="d-flex align-items-center justify-content-between position-relative mb-3">
98 
                <h2 className="card-title" style={{ fontSize: '1.7rem', fontWeight: '700' }}>
 98 
                <h2 className="card-title" style={{ fontSize: '1.7rem', fontWeight: '700' }}>
99 
                  Notificaciones
 99 
                  Notificaciones
100 
                </h2>
 100 
                </h2>
101 
                <div className="cursor-pointer d-flex align-items-center mb-3 position-relative">
 101 
                <div className="cursor-pointer d-flex align-items-center">
102 
                  <BiDotsVerticalRounded
 102 
                  <BiDotsVerticalRounded
103 
                    onClick={() => setDisplayOption(!displayOption)}
 103 
                    onClick={() => setDisplayOption(!displayOption)}
104 
                    style={{ fontSize: '1.5rem' }}
 104 
                    style={{ fontSize: '1.5rem' }}
105 
                  />
 105 
                  />
106 
                  <div className={`feed-options ${displayOption ? 'active' : ''}`} ref={menuOptions} >
 106 
                  <div className={`feed-options ${displayOption ? 'active' : ''}`} ref={menuOptions} >
Línea 108... Línea 108...
108 
                      <li>
 108 
                      <li>
109 
                        <button
 109 
                        <button
110 
                          className="option-btn mb-2"
 110 
                          className="option-btn mb-2"
111 
                          onClick={deleteAllNotifications}
 111 
                          onClick={deleteAllNotifications}
112 
                        >
 112 
                        >
113 
                          <BsTrash className="mr-1" />
 113 
                          <FaTrash className="mr-1" />
114 
                          Borrar notificaciones
 114 
                          Borrar notificaciones
115 
                        </button>
 115 
                        </button>
116 
                      </li>
 116 
                      </li>
117 
                      <li>
 117 
                      <li>
118 
                        <button
 118 
                        <button
119 
                          className="option-btn"
 119 
                          className="option-btn"
120 
                          onClick={markReadNotifications}
 120 
                          onClick={markReadNotifications}
121 
                        >
 121 
                        >
122 
                          <BsEye className="mr-1" />
 122 
                          <FaEye className="mr-1" />
123 
                          Marcar notificaciones como leídas
 123 
                          Marcar notificaciones como leídas
124 
                        </button>
 124 
                        </button>
125 
                      </li>
 125 
                      </li>
126 
                    </ul>
 126 
                    </ul>
127 
                  </div>
 127 
                  </div>
Línea 131... Línea 131...
131 
                {notifications.length
 131 
                {notifications.length
132 
                  ? [...notifications].reverse().map((element, i) =>
 132 
                  ? [...notifications].reverse().map((element, i) =>
133 
                    <li key={i}>
 133 
                    <li key={i}>
134 
                      <div className="notification-item">
 134 
                      <div className="notification-item">
135 
                        <div className="d-inline-flex flex-column">
 135 
                        <div className="d-inline-flex flex-column">
136 
                          <a href={element.link} className='mb-2'>
 136 
                          <a href={element.link} className='mb-1'>
137 
                            {element.message}
 137 
                            {element.message}
138 
                          </a>
 138 
                          </a>
139 
                          <span>
 139 
                          <span>
140 
                            {element.time_elapsed}
 140 
                            {element.time_elapsed}
141 
                          </span>
 141 
                          </span>
142 
                        </div>
 142 
                        </div>
143 
                        <BsTrash className='cursor-pointer' onClick={() => deleteNotification(element.link_delete)} />
 143 
                        <FaTrash className='cursor-pointer' onClick={() => deleteNotification(element.link_delete)} />
144 
                      </div>
 144 
                      </div>
145 
                    </li>
 145 
                    </li>
146 
                  )
 146 
                  )
147 
                  :
 147 
                  :
148 
                  <div
 148 
                  <div