Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3892 Rev 3929
Línea 133... Línea 133...
133 
          alt="cover-image"
 133 
          alt="cover-image"
134 
        />
 134 
        />
135 
      </section>
 135 
      </section>
136 
      <main>
 136 
      <main>
137 
        <div className="main-section">
 137 
        <div className="main-section">
138 
          <div className="ph-5">
 - 
 
139 
            <div className="main-section-data">
 138 
          <div className="main-section-data">
140 
              <div className="main-left-sidebar">
 139 
            <div className="main-left-sidebar">
141 
                <div className="user_profile">
 140 
              <div className="user_profile">
142 
                  <div className="user-pro-img">
 141 
                <div className="user-pro-img">
143 
                    <img
 142 
                  <img
144 
                      src={`/storage/type/company/code/${companyId}/${image ? `filename/${image}` : ""}`}
 143 
                    src={`/storage/type/company/code/${companyId}/${image ? `filename/${image}` : ""}`}
145 
                      alt="profile-image"
 144 
                    alt="profile-image"
- 
 
 145 
                  />
- 
 
 146 
                </div>
- 
 
 147 
                <div className="user_pro_status horizontal-list">
- 
 
 148 
                  <h1>{companyName}</h1>
- 
 
 149 
                  <div className="row px-5" style={{ marginTop: '10px' }}>
- 
 
 150 
                    {facebook &&
- 
 
 151 
                      <i
- 
 
 152 
                        onClick={() => window.location.href = facebook}
- 
 
 153 
                        className="cursor-pointer fa fa-facebook"
- 
 
 154 
                        style={{ fontSize: '1.4rem' }}
- 
 
 155 
                      />
- 
 
 156 
                    }
- 
 
 157 
                    {twitter &&
- 
 
 158 
                      <i
- 
 
 159 
                        onClick={() => window.location.href = twitter}
- 
 
 160 
                        className="cursor-pointer fa fa-twitter"
- 
 
 161 
                        style={{ fontSize: '1.4rem' }}
- 
 
 162 
                      />
- 
 
 163 
                    }
- 
 
 164 
                    {instagram &&
- 
 
 165 
                      <i
- 
 
 166 
                        onClick={() => window.location.href = instagram}
- 
 
 167 
                        className="fa fa-instagram cursor-pointer"
- 
 
 168 
                        style={{ fontSize: '1.4rem' }}
146 
                    />
 169 
                      />
- 
 
 170 
                    }
147 
                  </div>
 171 
                  </div>
148 
                  <div className="user_pro_status horizontal-list">
 172 
                  <div className="container horizontal-list">
149 
                    <h1>{companyName}</h1>
 173 
                    <div className="row ">
150 
                    <div className="row px-5" style={{ marginTop: '10px' }}>
 174 
                      <div className="members_count">
- 
 
 175 
                        <b style={{ fontSize: '1rem' }} id="total-followers">{followers}</b>
- 
 
 176 
                        <p style={{ fontSize: '1rem' }} className="ellipsis">Seguidores</p>
151 
                      {facebook &&
 177 
                      </div>
- 
 
 178 
                      {authorizedLinks?.link_unfollow &&
152 
                        <i
 179 
                        <button
153 
                          onClick={() => window.location.href = facebook}
 180 
                          className="btn btn-secondary"
154 
                          className="cursor-pointer fa fa-facebook"
 181 
                          onClick={() => handleButtonAction(authorizedLinks?.link_unfollow)}
- 
 
 182 
                        >
155 
                          style={{ fontSize: '1.4rem' }}
 183 
                          Dejar de seguir
156 
                        />
 184 
                        </button>
157 
                      }
 185 
                      }
158 
                      {twitter &&
 186 
                      {authorizedLinks?.link_follow &&
159 
                        <i
 187 
                        <button
160 
                          onClick={() => window.location.href = twitter}
 188 
                          className="btn btn-secondary"
161 
                          className="cursor-pointer fa fa-twitter"
 189 
                          onClick={() => handleButtonAction(authorizedLinks?.link_follow)}
- 
 
 190 
                        >
162 
                          style={{ fontSize: '1.4rem' }}
 191 
                          Seguir
163 
                        />
 192 
                        </button>
164 
                      }
 193 
                      }
- 
 
 194 
                      {
- 
 
 195 
                        (authorizedLinks?.link_request && authorizedLinks?.link_unfollow)
165 
                      {instagram &&
 196 
                        &&
- 
 
 197 
                        <button
- 
 
 198 
                          className="btn btn-tertiary"
- 
 
 199 
                          onClick={() => handleButtonAction(authorizedLinks?.link_request)}
166 
                        <i
 200 
                        >
- 
 
 201 
                          ¿Trabaja en esta empresa?
- 
 
 202 
                        </button>
- 
 
 203 
                      }
- 
 
 204 
                      {authorizedLinks?.link_accept &&
- 
 
 205 
                        <button
- 
 
 206 
                          className="btn btn-tertiary"
- 
 
 207 
                          onClick={() => handleButtonAction(authorizedLinks?.link_accept)}
- 
 
 208 
                        >
- 
 
 209 
                          Aceptar
- 
 
 210 
                        </button>
- 
 
 211 
                      }
- 
 
 212 
                      {authorizedLinks?.link_cancel &&
- 
 
 213 
                        <button
- 
 
 214 
                          title=""
- 
 
 215 
                          className="btn btn-tertiary"
167 
                          onClick={() => window.location.href = instagram}
 216 
                          onClick={() => handleButtonAction(authorizedLinks?.link_cancel)}
- 
 
 217 
                        >
- 
 
 218 
                          Cancelar
- 
 
 219 
                        </button>
- 
 
 220 
                      }
- 
 
 221 
                      {authorizedLinks?.link_reject &&
- 
 
 222 
                        <button
- 
 
 223 
                          title=""
168 
                          className="fa fa-instagram cursor-pointer"
 224 
                          className="btn btn-tertiary"
- 
 
 225 
                          onClick={() => handleButtonAction(authorizedLinks?.link_reject)}
- 
 
 226 
                        >
- 
 
 227 
                          Rechazar
- 
 
 228 
                        </button>
- 
 
 229 
                      }
- 
 
 230 
                      {authorizedLinks?.link_leave &&
- 
 
 231 
                        <button
169 
                          style={{ fontSize: '1.4rem' }}
 232 
                          data-link="{{>link_leave}}"
- 
 
 233 
                          title=""
- 
 
 234 
                          className="btn btn-tertiary"
- 
 
 235 
                          onClick={() => handleButtonAction(authorizedLinks?.link_leave)}
- 
 
 236 
                        >
- 
 
 237 
                          Abandonar esta empresa
- 
 
 238 
                        </button>
- 
 
 239 
                      }
- 
 
 240 
                      {authorizedLinks?.link_contact &&
- 
 
 241 
                        <a
- 
 
 242 
                          href={authorizedLinks?.link_contact}
- 
 
 243 
                          className="btn btn-primary"
170 
                        />
 244 
                        >
- 
 
 245 
                          Mensaje
- 
 
 246 
                        </a>
171 
                      }
 247 
                      }
172 
                    </div>
 - 
 
173 
                    <div className="container horizontal-list">
 - 
 
174 
                      <div className="row ">
 - 
 
175 
                        <div className="members_count">
 - 
 
176 
                          <b style={{ fontSize: '1rem' }} id="total-followers">{followers}</b>
 - 
 
177 
                          <p style={{ fontSize: '1rem' }} className="ellipsis">Seguidores</p>
 - 
 
178 
                        </div>
 - 
 
179 
                        {authorizedLinks?.link_unfollow &&
 - 
 
180 
                          <button
 - 
 
181 
                            className="btn btn-secondary"
 - 
 
182 
                            onClick={() => handleButtonAction(authorizedLinks?.link_unfollow)}
 - 
 
183 
                          >
 - 
 
184 
                            Dejar de seguir
 - 
 
185 
                          </button>
 - 
 
186 
                        }
 - 
 
187 
                        {authorizedLinks?.link_follow &&
 - 
 
188 
                          <button
 - 
 
189 
                            className="btn btn-secondary"
 - 
 
190 
                            onClick={() => handleButtonAction(authorizedLinks?.link_follow)}
 - 
 
191 
                          >
 - 
 
192 
                            Seguir
 - 
 
193 
                          </button>
 - 
 
194 
                        }
 - 
 
195 
                        {
 - 
 
196 
                          (authorizedLinks?.link_request && authorizedLinks?.link_unfollow)
 - 
 
197 
                          &&
 - 
 
198 
                          <button
 - 
 
199 
                            className="btn btn-tertiary"
 - 
 
200 
                            onClick={() => handleButtonAction(authorizedLinks?.link_request)}
 - 
 
201 
                          >
 - 
 
202 
                            ¿Trabaja en esta empresa?
 - 
 
203 
                          </button>
 - 
 
204 
                        }
 - 
 
205 
                        {authorizedLinks?.link_accept &&
 - 
 
206 
                          <button
 - 
 
207 
                            className="btn btn-tertiary"
 - 
 
208 
                            onClick={() => handleButtonAction(authorizedLinks?.link_accept)}
 - 
 
209 
                          >
 - 
 
210 
                            Aceptar
 - 
 
211 
                          </button>
 - 
 
212 
                        }
 - 
 
213 
                        {authorizedLinks?.link_cancel &&
 - 
 
214 
                          <button
 - 
 
215 
                            title=""
 - 
 
216 
                            className="btn btn-tertiary"
 - 
 
217 
                            onClick={() => handleButtonAction(authorizedLinks?.link_cancel)}
 - 
 
218 
                          >
 - 
 
219 
                            Cancelar
 - 
 
220 
                          </button>
 - 
 
221 
                        }
 - 
 
222 
                        {authorizedLinks?.link_reject &&
 - 
 
223 
                          <button
 - 
 
224 
                            title=""
 - 
 
225 
                            className="btn btn-tertiary"
 - 
 
226 
                            onClick={() => handleButtonAction(authorizedLinks?.link_reject)}
 - 
 
227 
                          >
 - 
 
228 
                            Rechazar
 - 
 
229 
                          </button>
 - 
 
230 
                        }
 - 
 
231 
                        {authorizedLinks?.link_leave &&
 - 
 
232 
                          <button
 - 
 
233 
                            data-link="{{>link_leave}}"
 - 
 
234 
                            title=""
 - 
 
235 
                            className="btn btn-tertiary"
 - 
 
236 
                            onClick={() => handleButtonAction(authorizedLinks?.link_leave)}
 - 
 
237 
                          >
 - 
 
238 
                            Abandonar esta empresa
 - 
 
239 
                          </button>
 - 
 
240 
                        }
 - 
 
241 
                        {authorizedLinks?.link_contact &&
 - 
 
242 
                          <a
 - 
 
243 
                            href={authorizedLinks?.link_contact}
 - 
 
244 
                            className="btn btn-primary"
 - 
 
245 
                          >
 - 
 
246 
                            Mensaje
 - 
 
247 
                          </a>
 - 
 
248 
                        }
 - 
 
249 
                      </div>
 - 
 
250 
                    </div>
 248 
                    </div>
251 
                  </div>
 249 
                  </div>
252 
                </div>
 250 
                </div>
- 
 
 251 
              </div>
- 
 
 252 
              <div className="d-none d-md-block">
253 
                <CompanyFollowersHelper companyId={companyId} />
 253 
                <CompanyFollowersHelper companyId={companyId} />
254 
              </div>
 254 
              </div>
- 
 
 255 
            </div>
255 
              <div className="main-ws-sec">
 256 
            <div className="main-ws-sec">
256 
                <div className="user-tab-sec rewivew">
 257 
              <div className="user-tab-sec rewivew">
257 
                  {!initialLoading &&
 258 
                {!initialLoading &&
258 
                    <div className="row">
 259 
                  <div className="row">
259 
                      {isFollower &&
 260 
                    {isFollower &&
260 
                        <div className="col text-left pl-0">
 261 
                      <div className="col text-left pl-0">
261 
                          <button
 - 
 
262 
                            className="btn btn-link p-0 text-decoration-none"
 - 
 
263 
                            onClick={() => changeCurrentTab(TABS.FEEDS)}
 - 
 
264 
                            style={{ padding: '0 !important' }}
 - 
 
265 
                          >
 - 
 
266 
                            <span className="p-0 default-link font-weight-bold text-dark">Ver Publicaciones</span>
 - 
 
267 
                          </button>
 - 
 
268 
                        </div>
 - 
 
269 
                      }
 - 
 
270 
                      <div className="col text-right pl-0">
 - 
 
271 
                        <button
 262 
                        <button
272 
                          className="btn btn-link p-0 text-decoration-none"
 263 
                          className="btn btn-link p-0 text-decoration-none"
273 
                          onClick={() => changeCurrentTab(TABS.INFO)}
 264 
                          onClick={() => changeCurrentTab(TABS.FEEDS)}
274 
                          style={{ padding: '0 !important' }}
 265 
                          style={{ padding: '0 !important' }}
275 
                        >
 266 
                        >
276 
                          <span className="p-0 default-link font-weight-bold text-dark">Ver Información</span>
 267 
                          <span className="p-0 default-link font-weight-bold text-dark">Ver Publicaciones</span>
277 
                        </button>
 268 
                        </button>
278 
                      </div>
 269 
                      </div>
279 
                    </div>
 - 
 
280 
                  }
 - 
 
281 
                </div>
 - 
 
282 
                {
 - 
 
283 
                  currentTab === TABS.FEEDS
 - 
 
284 
                  &&
 - 
 
285 
                  <div
 - 
 
286 
                    className="product-feed-tab animated fadeIn"
 - 
 
287 
                    id="feed-dd feed"
 - 
 
288 
                    style={{ display: 'block' }}
 - 
 
289 
                  >
 - 
 
290 
                    <div className="posts-section">
 - 
 
291 
                      <FeedSection
 - 
 
292 
                        routeTimeline={timeline}
 - 
 
293 
                        image={`/storage/type/company/code/${companyId}/${image ? `filename/${image}` : ""}`}
 - 
 
294 
                      />
 - 
 
295 
                    </div>
 - 
 
296 
                  </div>
 - 
 
297 
                }
 - 
 
298 
                {
 - 
 
299 
                  currentTab === TABS.INFO
 - 
 
300 
                  &&
 - 
 
301 
                  < div
 - 
 
302 
                    className="product-feed-tab animated fadeIn"
 - 
 
303 
                    id="feed-dd info"
 - 
 
304 
                    style={{ display: 'block' }}
 - 
 
305 
                  >
 - 
 
306 
                    {
 - 
 
307 
                      overview
 - 
 
308 
                      &&
 - 
 
309 
                      <div className="user-profile-extended-ov">
 - 
 
310 
                        <h3>Visión general</h3>
 - 
 
311 
                        <span>{parse(overview)}</span>
 - 
 
312 
                      </div>
 - 
 
313 
                    }
 - 
 
314 
                    {
 - 
 
315 
                      locations
 - 
 
316 
                      &&
 - 
 
317 
                      <div className="user-profile-extended-ov st2">
 - 
 
318 
                        <h3>Ubicación</h3>
 - 
 
319 
                        <span>
 - 
 
320 
                          {locations.map(
 - 
 
321 
                            ({ formatted_address, is_main }, index) => (
 - 
 
322 
                              <React.Fragment key={index}>
 - 
 
323 
                                {index >= 0 ? <hr /> : ""}
 - 
 
324 
                                <p>
 - 
 
325 
                                  {`${formatted_address} ${is_main === "y" ? "(Principal)" : ""
 - 
 
326 
                                    }`}
 - 
 
327 
                                </p>
 - 
 
328 
                              </React.Fragment>
 - 
 
329 
                            )
 - 
 
330 
                          )}
 - 
 
331 
                        </span>
 - 
 
332 
                      </div>
 - 
 
333 
                    }
 - 
 
334 
                    {
 - 
 
335 
                      industry
 - 
 
336 
                      &&
 - 
 
337 
                      <div className="user-profile-ov">
 - 
 
338 
                        <h3>Industria</h3>
 - 
 
339 
                        <span>{industry}</span>
 - 
 
340 
                      </div>
 - 
 
341 
                    }
 270 
                    }
342 
                    {
 - 
 
343 
                      companySize
 - 
 
344 
                      &&
 - 
 
345 
                      <div className="user-profile-ov">
 271 
                    <div className="col text-right pl-0">
346 
                        <h3>Tamaño de la empresa</h3>
 - 
 
347 
                        <span>{companySize}</span>
 - 
 
348 
                      </div>
 272 
                      <button
349 
                    }
 - 
 
350 
                    {
 - 
 
351 
                      foundationYear
 - 
 
352 
                      &&
 - 
 
353 
                      <div className="user-profile-ov">
 273 
                        className="btn btn-link p-0 text-decoration-none"
354 
                        <h3>Año de fundación</h3>
 274 
                        onClick={() => changeCurrentTab(TABS.INFO)}
355 
                        <span>{foundationYear}</span>
 275 
                        style={{ padding: '0 !important' }}
356 
                      </div>
 - 
 
357 
                    }
 - 
 
358 
                    {
 - 
 
359 
                      website
 - 
 
360 
                      &&
 276 
                      >
361 
                      <div className="user-profile-ov">
 277 
                        <span className="p-0 default-link font-weight-bold text-dark">Ver Información</span>
362 
                        <h3>Página web</h3>
 - 
 
363 
                        <span>{website}</span>
 - 
 
364 
                      </div>
 278 
                      </button>
365 
                    }
 - 
 
366 
                  </div>
 279 
                    </div>
367 
                }
 - 
 
368 
                {
 - 
 
369 
                  initialLoading
 - 
 
370 
                  &&
 - 
 
371 
                  <div
 - 
 
372 
                    style={{
 - 
 
373 
                      display: "flex",
 - 
 
374 
                      justifyContent: "center",
 - 
 
375 
                      alignItems: "center",
 - 
 
376 
                    }}
 - 
 
377 
                  >
 - 
 
378 
                    <Spinner />
 - 
 
379 
                  </div>
 280 
                  </div>
380 
                }
 281 
                }
381 
              </div>
 282 
              </div>
382 
              <div className="right-sidebar">
 - 
 
383 
                {loading &&
 283 
              {
384 
                  <div className="spinner-container">
 - 
 
385 
                    <Spinner />
 284 
                currentTab === TABS.FEEDS
386 
                  </div>
 285 
                &&
387 
                }
 286 
                <div
388 
                <div className="peopleYouMayKnow">
 287 
                  className="product-feed-tab animated fadeIn"
389 
                  <div className="sd-title d-flex align-items-center justify-content-between">
 - 
 
390 
                    <h3>Empresas similares:</h3>
 288 
                  id="feed-dd feed"
391 
                    {suggestionCompanies.length >= 5 &&
 - 
 
392 
                      <a href="#" onClick={(e) => {
 289 
                  style={{ display: 'block' }}
393 
                        e.preventDefault()
 290 
                >
394 
                        setLookMore(!lookMore)
 291 
                  <div className="posts-section">
395 
                      }}>
 292 
                    <FeedSection
396 
                        {lookMore ? 'Ver menos' : 'Ver mas'}
 293 
                      routeTimeline={timeline}
397 
                      </a>
 294 
                      image={`/storage/type/company/code/${companyId}/${image ? `filename/${image}` : ""}`}
398 
                    }
 295 
                    />
399 
                  </div>
 296 
                  </div>
- 
 
 297 
                </div>
- 
 
 298 
              }
- 
 
 299 
              {
- 
 
 300 
                currentTab === TABS.INFO
- 
 
 301 
                &&
- 
 
 302 
                < div
- 
 
 303 
                  className="product-feed-tab animated fadeIn"
- 
 
 304 
                  id="feed-dd info"
- 
 
 305 
                  style={{ display: 'block' }}
- 
 
 306 
                >
- 
 
 307 
                  {
- 
 
 308 
                    overview
- 
 
 309 
                    &&
400 
                  <div className="suggest-list">
 310 
                    <div className="user-profile-extended-ov">
401 
                    {suggestionCompanies.length
 311 
                      <h3>Visión general</h3>
402 
                      ? getData().map(element => {
 312 
                      <span>{parse(overview)}</span>
- 
 
 313 
                    </div>
- 
 
 314 
                  }
- 
 
 315 
                  {
403 
                        return (
 316 
                    locations
- 
 
 317 
                    &&
404 
                          <div className='user' key={element.id}>
 318 
                    <div className="user-profile-extended-ov st2">
- 
 
 319 
                      <h3>Ubicación</h3>
- 
 
 320 
                      <span>
- 
 
 321 
                        {locations.map(
405 
                            <div className="w-100 d-flex align-items-center" style={{ gap: '.5rem' }}>
 322 
                          ({ formatted_address, is_main }, index) => (
406 
                              <a href={element.profile} target="_blank" rel="noreferrer">
 323 
                            <React.Fragment key={index}>
- 
 
 324 
                              {index >= 0 ? <hr /> : ""}
- 
 
 325 
                              <p>
407 
                                <img src={element.image} alt={`${element.name} profile image`} />
 326 
                                {`${formatted_address} ${is_main === "y" ? "(Principal)" : ""
- 
 
 327 
                                  }`}
408 
                              </a>
 328 
                              </p>
409 
                              <h4>{element.name}</h4>
 329 
                            </React.Fragment>
410 
                            </div>
 330 
                          )
- 
 
 331 
                        )}
- 
 
 332 
                      </span>
- 
 
 333 
                    </div>
- 
 
 334 
                  }
- 
 
 335 
                  {
- 
 
 336 
                    industry
- 
 
 337 
                    &&
411 
                            <div className="w-100 d-flex align-items-center justify-content-start" style={{ gap: '.5rem' }}>
 338 
                    <div className="user-profile-ov">
- 
 
 339 
                      <h3>Industria</h3>
- 
 
 340 
                      <span>{industry}</span>
- 
 
 341 
                    </div>
- 
 
 342 
                  }
- 
 
 343 
                  {
412 
                              <a
 344 
                    companySize
- 
 
 345 
                    &&
413 
                                className="btn btn-primary"
 346 
                    <div className="user-profile-ov">
- 
 
 347 
                      <h3>Tamaño de la empresa</h3>
- 
 
 348 
                      <span>{companySize}</span>
- 
 
 349 
                    </div>
- 
 
 350 
                  }
- 
 
 351 
                  {
- 
 
 352 
                    foundationYear
- 
 
 353 
                    &&
414 
                                href={element.profile}
 354 
                    <div className="user-profile-ov">
- 
 
 355 
                      <h3>Año de fundación</h3>
- 
 
 356 
                      <span>{foundationYear}</span>
- 
 
 357 
                    </div>
- 
 
 358 
                  }
- 
 
 359 
                  {
- 
 
 360 
                    website
- 
 
 361 
                    &&
- 
 
 362 
                    <div className="user-profile-ov">
- 
 
 363 
                      <h3>Página web</h3>
415 
                                target='_blank'
 364 
                      <span>{website}</span>
- 
 
 365 
                    </div>
- 
 
 366 
                  }
- 
 
 367 
                </div>
- 
 
 368 
              }
- 
 
 369 
              {
- 
 
 370 
                initialLoading
- 
 
 371 
                &&
- 
 
 372 
                <div
- 
 
 373 
                  style={{
- 
 
 374 
                    display: "flex",
- 
 
 375 
                    justifyContent: "center",
- 
 
 376 
                    alignItems: "center",
- 
 
 377 
                  }}
- 
 
 378 
                >
- 
 
 379 
                  <Spinner />
- 
 
 380 
                </div>
- 
 
 381 
              }
- 
 
 382 
            </div>
- 
 
 383 
            <div className="right-sidebar">
- 
 
 384 
              {loading &&
- 
 
 385 
                <div className="spinner-container">
- 
 
 386 
                  <Spinner />
- 
 
 387 
                </div>
- 
 
 388 
              }
- 
 
 389 
              <div className="peopleYouMayKnow">
- 
 
 390 
                <div className="sd-title d-flex align-items-center justify-content-between">
- 
 
 391 
                  <h3>Empresas similares:</h3>
- 
 
 392 
                  {suggestionCompanies.length >= 5 &&
- 
 
 393 
                    <a href="#" onClick={(e) => {
- 
 
 394 
                      e.preventDefault()
416 
                                rel="noreferrer"
 395 
                      setLookMore(!lookMore)
- 
 
 396 
                    }}>
417 
                                style={{ fontSize: '.9rem', borderRadius: '4px' }}
 397 
                      {lookMore ? 'Ver menos' : 'Ver mas'}
418 
                              >
 398 
                    </a>
- 
 
 399 
                  }
- 
 
 400 
                </div>
- 
 
 401 
                <div className="suggest-list">
- 
 
 402 
                  {suggestionCompanies.length
419 
                                MÁS INF
 403 
                    ? getData().map(element => {
420 
                              </a>
 404 
                      return (
- 
 
 405 
                        <div className='user' key={element.id}>
- 
 
 406 
                          <div className="w-100 d-flex align-items-center" style={{ gap: '.5rem' }}>
- 
 
 407 
                            <a href={element.profile} target="_blank" rel="noreferrer">
- 
 
 408 
                              <img src={element.image} alt={`${element.name} profile image`} />
421 
                            </div>
 409 
                            </a>
- 
 
 410 
                            <h4>{element.name}</h4>
422 
                          </div>
 411 
                          </div>
- 
 
 412 
                          <div className="w-100 d-flex align-items-center justify-content-start" style={{ gap: '.5rem' }}>
423 
                        )
 413 
                            <a
- 
 
 414 
                              className="btn btn-primary"
- 
 
 415 
                              href={element.profile}
- 
 
 416 
                              target='_blank'
- 
 
 417 
                              rel="noreferrer"
- 
 
 418 
                              style={{ fontSize: '.9rem', borderRadius: '4px' }}
424 
                      })
 419 
                            >
- 
 
 420 
                              MÁS INF
- 
 
 421 
                            </a>
425 
                      : <div className="view-more">Sin empresas similares</div>
 422 
                          </div>
- 
 
 423 
                        </div>
- 
 
 424 
                      )
426 
                    }
 425 
                    })
- 
 
 426 
                    : <div className="view-more">Sin empresas similares</div>
427 
                  </div>
 427 
                  }
428 
                </div>
 428 
                </div>
429 
              </div>
 429 
              </div>
430 
            </div>
 430 
            </div>
431 
          </div>
 431 
          </div>
432 
        </div>
 432 
        </div>