Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4205 Rev 4232
Línea 80... Línea 80...
80 
 
 80 
 
81 
  return (
 81 
  return (
82 
    <>
 82 
    <>
83 
      <section className="notifications-page">
 83 
      <section className="notifications-page">
84 
        <div className="notifications-grid">
 84 
        <div className="notifications-grid">
85 
          <div className='main-left-sidebar' style={{ marginTop: '1.25rem' }}>
 85 
          <div className='main-left-sidebar d-none d-md-flex'>
86 
            <ProfileInfo
 86 
            <ProfileInfo
87 
              image={image}
 87 
              image={image}
88 
              fullName={fullName}
 88 
              fullName={fullName}
89 
              description={description}
 89 
              description={description}
90 
              visits={visits}
 90 
              visits={visits}
91 
              country={country}
 91 
              country={country}
92 
              connections={connections}
 92 
              connections={connections}
93 
            />
 93 
            />
94 
            <SocialNetworks />
 94 
            <SocialNetworks />
95 
          </div>
 - 
 
96 
          <div className="card-body">
 - 
 
97 
            <div className="container">
 95 
          </div>
98 
              <div className="notification-list">
 96 
          <div className="notification-list">
99 
                <div className="notification-header">
 97 
            <div className="notification-header">
100 
                  <h2>
 98 
              <h2>
101 
                    Notificaciones
 99 
                Notificaciones
102 
                  </h2>
 100 
              </h2>
103 
                  <div className="cursor-pointer d-flex align-items-center">
 101 
              <div className="cursor-pointer d-flex align-items-center">
104 
                    <BiDotsVerticalRounded
 102 
                <BiDotsVerticalRounded
105 
                      onClick={() => setDisplayOption(!displayOption)}
 103 
                  onClick={() => setDisplayOption(!displayOption)}
106 
                      style={{ fontSize: '1.5rem' }}
 104 
                  style={{ fontSize: '1.5rem' }}
107 
                    />
 105 
                />
108 
                    <div className={`feed-options ${displayOption ? 'active' : ''}`} ref={menuOptions} >
 106 
                <div className={`feed-options ${displayOption ? 'active' : ''}`} ref={menuOptions} >
109 
                      <ul>
 107 
                  <ul>
110 
                        <li>
 108 
                    <li>
111 
                          <button
 109 
                      <button
112 
                            className="option-btn"
 110 
                        className="option-btn"
113 
                            onClick={handleConfirmModalShow}
 111 
                        onClick={handleConfirmModalShow}
114 
                          >
 112 
                      >
115 
                            <i className="fa fa-trash-o mr-1" />
 113 
                        <i className="fa fa-trash-o mr-1" />
116 
                            Borrar notificaciones
 114 
                        Borrar notificaciones
117 
                          </button>
 - 
 
118 
                        </li>
 - 
 
119 
                      </ul>
 115 
                      </button>
120 
                    </div>
 116 
                    </li>
121 
                  </div>
 117 
                  </ul>
122 
                </div>
 - 
 
123 
                <ul>
 - 
 
124 
                  {notifications.length
 - 
 
125 
                    ? [...notifications].reverse().map((element, index) =>
 - 
 
126 
                      <li key={index}>
 - 
 
127 
                        <div className="notification-item">
 - 
 
128 
                          <a href={element.link}>
 - 
 
129 
                            {element.message}
 - 
 
130 
                          </a>
 - 
 
131 
                          <span>
 - 
 
132 
                            {element.time_elapsed}
 - 
 
133 
                          </span>
 - 
 
134 
                        </div>
 - 
 
135 
                      </li>
 - 
 
136 
                    )
 - 
 
137 
                    :
 - 
 
138 
                    <div className="empty-section">
 - 
 
139 
                      <h2>No hay notificaciones</h2>
 - 
 
140 
                    </div>
 - 
 
141 
                  }
 - 
 
142 
                </ul>
 118 
                </div>
143 
              </div>
 119 
              </div>
- 
 
 120 
            </div>
- 
 
 121 
            <ul>
- 
 
 122 
              {notifications.length
- 
 
 123 
                ? [...notifications].reverse().map((element, index) =>
- 
 
 124 
                  <li key={index}>
- 
 
 125 
                    <div className="notification-item">
- 
 
 126 
                      <a href={element.link}>
- 
 
 127 
                        {element.message}
- 
 
 128 
                      </a>
- 
 
 129 
                      <span>
- 
 
 130 
                        {element.time_elapsed}
- 
 
 131 
                      </span>
- 
 
 132 
                    </div>
- 
 
 133 
                  </li>
- 
 
 134 
                )
- 
 
 135 
                :
- 
 
 136 
                <div className="empty-section">
- 
 
 137 
                  <h2>No hay notificaciones</h2>
- 
 
 138 
                </div>
- 
 
 139 
              }
144 
            </div>
 140 
            </ul>
145 
          </div>
 141 
          </div>
146 
        </div>
 142 
        </div>
147 
      </section >
 143 
      </section >
148 
      <ConfirmModal
 144 
      <ConfirmModal