Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 2259 Rev 2442
Línea 135... Línea 135...
135 
      </section>
 135 
      </section>
136 
      <main>
 136 
      <main>
137 
        <div className="main-section">
 137 
        <div className="main-section">
138 
          <div className="ph-5">
 138 
          <div className="ph-5">
139 
            <div className="main-section-data">
 139 
            <div className="main-section-data">
140 
              <div className="row">
 - 
 
141 
                <div className="col-lg-3">
 - 
 
142 
                  <div className="main-left-sidebar">
 140 
              <div className="main-left-sidebar">
143 
                    <div className="user_profile border-gray border-radius pb-5">
 141 
                <div className="user_profile border-gray border-radius pb-5">
144 
                      <div className="user-pro-img">
 142 
                  <div className="user-pro-img">
145 
                        <img
 143 
                    <img
146 
                          id="company-img"
 144 
                      id="company-img"
147 
                          src={`/storage/type/company/code/${companyId}/${image ? `filename/${image}` : ""
 145 
                      src={`/storage/type/company/code/${companyId}/${image ? `filename/${image}` : ""
148 
                            }`}
 146 
                        }`}
149 
                          alt="profile-image"
 147 
                      alt="profile-image"
150 
                        />
 148 
                    />
151 
                      </div>
 149 
                  </div>
152 
                      {/* <!--user-pro-img end--> */}
 150 
                  {/* <!--user-pro-img end--> */}
153 
                      <div className="user_pro_status">
 151 
                  <div className="user_pro_status">
154 
                        <h1>{companyName}</h1>
 152 
                    <h1>{companyName}</h1>
- 
 
 153 
                    <div
- 
 
 154 
                      className="row"
- 
 
 155 
                      style={{
- 
 
 156 
                        marginTop: '10px'
- 
 
 157 
                      }}
- 
 
 158 
                    >
- 
 
 159 
                      {
- 
 
 160 
                        facebook && (
- 
 
 161 
                          <div
- 
 
 162 
                            className="col col-md col-sm"
- 
 
 163 
                          >
- 
 
 164 
                            <i onClick={() => window.location.href = facebook} className="cursor-pointer fa fa-facebook" style={{ fontSize: '1.4rem' }} />
- 
 
 165 
                          </div>
- 
 
 166 
                        )
- 
 
 167 
                      }
- 
 
 168 
                      {
- 
 
 169 
                        twitter && (
- 
 
 170 
                          <div
- 
 
 171 
                            className="col col-md col-sm"
- 
 
 172 
                          >
- 
 
 173 
                            <i onClick={() => window.location.href = twitter} className="cursor-pointer fa fa-twitter" style={{ fontSize: '1.4rem' }} />
- 
 
 174 
                          </div>
- 
 
 175 
                        )
- 
 
 176 
                      }
- 
 
 177 
                      {
- 
 
 178 
                        instagram && (
- 
 
 179 
                          <div
- 
 
 180 
                            className="col col-md col-sm"
- 
 
 181 
                          >
- 
 
 182 
                            <i onClick={() => window.location.href = instagram} className="fa fa-instagram cursor-pointer" style={{ fontSize: '1.4rem' }} />
- 
 
 183 
                          </div>
- 
 
 184 
                        )
- 
 
 185 
                      }
- 
 
 186 
                    </div>
- 
 
 187 
                    <div
- 
 
 188 
                      className="container horizontal-list"
- 
 
 189 
                    >
- 
 
 190 
                      <div
- 
 
 191 
                        className="row "
- 
 
 192 
                      >
155 
                        <div
 193 
                        <div
156 
                          className="row"
 194 
                          className="col"
157 
                          style={{
 - 
 
158 
                            marginTop: '10px'
 - 
 
159 
                          }}
 - 
 
160 
                        >
 195 
                        >
161 
                          {
 - 
 
162 
                            facebook && (
 - 
 
163 
                              <div
 - 
 
164 
                                className="col col-md col-sm"
 196 
                          <p style={{ fontSize: '1rem' }} className="ellipsis">
165 
                              >
 - 
 
166 
                                <i onClick={() => window.location.href = facebook} className="cursor-pointer fa fa-facebook" style={{ fontSize: '1.4rem' }} />
 - 
 
167 
                              </div>
 197 
                            Seguidores
168 
                            )
 - 
 
169 
                          }
 - 
 
170 
                          {
 - 
 
171 
                            twitter && (
 - 
 
172 
                              <div
 - 
 
173 
                                className="col col-md col-sm"
 - 
 
174 
                              >
 198 
                          </p>
175 
                                <i onClick={() => window.location.href = twitter} className="cursor-pointer fa fa-twitter" style={{ fontSize: '1.4rem' }} />
 - 
 
176 
                              </div>
 - 
 
177 
                            )
 - 
 
178 
                          }
 - 
 
179 
                          {
 - 
 
180 
                            instagram && (
 - 
 
181 
                              <div
 - 
 
182 
                                className="col col-md col-sm"
 199 
                          <b style={{ fontSize: '1rem' }} id="total-followers">{followers}</b>
183 
                              >
 200 
                          <br />
184 
                                <i onClick={() => window.location.href = instagram} className="fa fa-instagram cursor-pointer" style={{ fontSize: '1.4rem' }} />
 - 
 
185 
                              </div>
 - 
 
186 
                            )
 - 
 
187 
                          }
 - 
 
188 
                        </div>
 201 
                        </div>
189 
                        <div
 - 
 
190 
                          className="container horizontal-list"
 202 
                        {authorizedLinks?.link_unfollow && (
191 
                        >
 - 
 
192 
                          <div
 203 
                          <div
193 
                            className="row "
 204 
                            className="col"
194 
                          >
 205 
                          >
195 
                            <div
 206 
                            <button
196 
                              className="col"
 207 
                              href="#"
- 
 
 208 
                              className="btn btn-primary"
- 
 
 209 
                              onClick={(e) => {
- 
 
 210 
                                e.preventDefault();
- 
 
 211 
                                handleButtonAction(authorizedLinks?.link_unfollow);
- 
 
 212 
                              }}
197 
                            >
 213 
                            >
198 
                              <p style={{ fontSize: '1rem' }} className="ellipsis">
 - 
 
199 
                                Seguidores
 - 
 
200 
                              </p>
 - 
 
201 
                              <b style={{ fontSize: '1rem' }} id="total-followers">{followers}</b>
 - 
 
202 
                              <br />
 - 
 
203 
                            </div>
 - 
 
204 
                            {authorizedLinks?.link_unfollow && (
 - 
 
205 
                              <div
 - 
 
206 
                                className="col"
 - 
 
207 
                              >
 - 
 
208 
                                <button
 - 
 
209 
                                  href="#"
 - 
 
210 
                                  className="btn btn-primary"
 - 
 
211 
                                  onClick={(e) => {
 - 
 
212 
                                    e.preventDefault();
 - 
 
213 
                                    handleButtonAction(authorizedLinks?.link_unfollow);
 - 
 
214 
                                  }}
 - 
 
215 
                                >
 - 
 
216 
                                  <span className="ellipsis w-100">
 214 
                              <span className="ellipsis w-100">
217 
                                    Dejar de seguir
 215 
                                Dejar de seguir
218 
                                  </span>
 216 
                              </span>
219 
                                </button>
 217 
                            </button>
220 
                              </div>
 218 
                          </div>
221 
                            )}
 219 
                        )}
222 
                            {authorizedLinks?.link_follow && (
 220 
                        {authorizedLinks?.link_follow && (
223 
                              <div
 221 
                          <div
224 
                                className="col"
 222 
                            className="col"
225 
                              >
 223 
                          >
226 
                                <button
 224 
                            <button
227 
                                  href="#"
 225 
                              href="#"
228 
                                  className="btn btn-primary"
 226 
                              className="btn btn-primary"
229 
                                  onClick={(e) => {
 227 
                              onClick={(e) => {
230 
                                    e.preventDefault();
 228 
                                e.preventDefault();
231 
                                    handleButtonAction(authorizedLinks?.link_follow);
 229 
                                handleButtonAction(authorizedLinks?.link_follow);
232 
                                  }}
 230 
                              }}
233 
                                >
 231 
                            >
234 
                                  <span className="ellipsis">
 232 
                              <span className="ellipsis">
235 
                                    Seguir
 233 
                                Seguir
236 
                                  </span>
 234 
                              </span>
237 
                                </button>
 235 
                            </button>
238 
                              </div>
 236 
                          </div>
239 
                            )}
 237 
                        )}
240 
                            {authorizedLinks?.link_request && (
 238 
                        {authorizedLinks?.link_request && (
241 
                              <div
 239 
                          <div
242 
                                className="col"
 240 
                            className="col"
243 
                              >
 241 
                          >
244 
                                <button
 242 
                            <button
245 
                                  href="#"
 243 
                              href="#"
246 
                                  className="btn btn-primary"
 244 
                              className="btn btn-primary"
247 
                                  onClick={(e) => {
 245 
                              onClick={(e) => {
248 
                                    e.preventDefault();
 246 
                                e.preventDefault();
249 
                                    handleButtonAction(authorizedLinks?.link_request);
 247 
                                handleButtonAction(authorizedLinks?.link_request);
250 
                                  }}
 248 
                              }}
251 
                                >
 249 
                            >
252 
                                  <span className="ellipsis">
 250 
                              <span className="ellipsis">
253 
                                    Trabaja en esta empresa?
 251 
                                Trabaja en esta empresa?
254 
                                  </span>
 252 
                              </span>
255 
                                </button>
 253 
                            </button>
256 
                              </div>
 254 
                          </div>
257 
                            )}
 255 
                        )}
258 
                            {authorizedLinks?.link_accept && (
 256 
                        {authorizedLinks?.link_accept && (
259 
                              <div
 257 
                          <div
260 
                                className="col"
 258 
                            className="col"
261 
                              >
 259 
                          >
262 
                                <button
 260 
                            <button
263 
                                  href="#"
 261 
                              href="#"
264 
                                  className="btn btn-primary"
 262 
                              className="btn btn-primary"
265 
                                  onClick={(e) => {
 263 
                              onClick={(e) => {
266 
                                    e.preventDefault();
 264 
                                e.preventDefault();
267 
                                    handleButtonAction(authorizedLinks?.link_accept);
 265 
                                handleButtonAction(authorizedLinks?.link_accept);
268 
                                  }}
 266 
                              }}
269 
                                >
 267 
                            >
270 
                                  <span className="ellipsis">
 268 
                              <span className="ellipsis">
271 
                                    Aceptar
 269 
                                Aceptar
272 
                                  </span>
 270 
                              </span>
273 
                                </button>
 271 
                            </button>
274 
                              </div>
 272 
                          </div>
275 
                            )}
 273 
                        )}
Línea 276... Línea 274...
276 
 
 274 
 
277 
                            {authorizedLinks?.link_cancel && (
 275 
                        {authorizedLinks?.link_cancel && (
278 
                              <div
 276 
                          <div
279 
                                className="col"
 277 
                            className="col"
280 
                              >
 278 
                          >
281 
                                <button
 279 
                            <button
282 
                                  href="#"
 280 
                              href="#"
283 
                                  title=""
 281 
                              title=""
284 
                                  className="btn btn-primary"
 282 
                              className="btn btn-primary"
285 
                                  onClick={(e) => {
 283 
                              onClick={(e) => {
286 
                                    e.preventDefault();
 284 
                                e.preventDefault();
287 
                                    handleButtonAction(authorizedLinks?.link_cancel);
 285 
                                handleButtonAction(authorizedLinks?.link_cancel);
288 
                                  }}
 286 
                              }}
289 
                                >
 287 
                            >
290 
                                  <span className="ellipsis">
 288 
                              <span className="ellipsis">
291 
                                    Cancelar
 289 
                                Cancelar
292 
                                  </span>
 290 
                              </span>
293 
                                </button>
 291 
                            </button>
294 
                              </div>
 292 
                          </div>
295 
                            )}
 293 
                        )}
296 
                            {authorizedLinks?.link_reject && (
 294 
                        {authorizedLinks?.link_reject && (
297 
                              <div
 295 
                          <div
298 
                                className="col"
 296 
                            className="col"
299 
                              >
 297 
                          >
300 
                                <button
 298 
                            <button
301 
                                  href="#"
 299 
                              href="#"
302 
                                  title=""
 300 
                              title=""
303 
                                  className="btn btn-primary"
 301 
                              className="btn btn-primary"
304 
                                  onClick={(e) => {
 302 
                              onClick={(e) => {
305 
                                    e.preventDefault();
 303 
                                e.preventDefault();
306 
                                    handleButtonAction(authorizedLinks?.link_reject);
 304 
                                handleButtonAction(authorizedLinks?.link_reject);
307 
                                  }}
 305 
                              }}
308 
                                >
 306 
                            >
309 
                                  <span className="ellipsis">
 307 
                              <span className="ellipsis">
310 
                                    Rechazar
 308 
                                Rechazar
311 
                                  </span>
 309 
                              </span>
312 
                                </button>
 310 
                            </button>
313 
                              </div>
 311 
                          </div>
Línea 314... Línea 312...
314 
                            )}
 312 
                        )}
315 
 
 313 
 
316 
                            {authorizedLinks?.link_leave && (
 314 
                        {authorizedLinks?.link_leave && (
317 
                              <div
 315 
                          <div
318 
                                className="col"
 316 
                            className="col"
319 
                              >
 317 
                          >
320 
                                <button
 318 
                            <button
321 
                                  href="#"
 319 
                              href="#"
322 
                                  data-link="{{>link_leave}}"
 320 
                              data-link="{{>link_leave}}"
323 
                                  title=""
 321 
                              title=""
324 
                                  className="btn btn-primary"
 322 
                              className="btn btn-primary"
325 
                                  onClick={(e) => {
 323 
                              onClick={(e) => {
326 
                                    e.preventDefault();
 324 
                                e.preventDefault();
327 
                                    handleButtonAction(authorizedLinks?.link_leave);
 325 
                                handleButtonAction(authorizedLinks?.link_leave);
328 
                                  }}
 326 
                              }}
329 
                                >
 327 
                            >
330 
                                  <span className="ellipsis">
 328 
                              <span className="ellipsis">
331 
                                    Abandonar esta empresa
 329 
                                Abandonar esta empresa
332 
                                  </span>
 - 
 
333 
                                </button>
 - 
 
334 
                              </div>
 - 
 
335 
                            )}
 - 
 
336 
                            {authorizedLinks?.link_contact && (
 - 
 
337 
                              <div className="col">
 - 
 
338 
                                <a
 - 
 
339 
                                  href={authorizedLinks?.link_contact}
 - 
 
340 
                                  title=""
 - 
 
341 
                                  className="btn btn-primary"
 - 
 
342 
                                >
 - 
 
343 
                                  <span className="ellipsis">
 - 
 
344 
                                    Mensaje
 - 
 
345 
                                  </span>
 - 
 
346 
                                </a>
 - 
 
347 
                              </div>
 330 
                              </span>
- 
 
 331 
                            </button>
- 
 
 332 
                          </div>
- 
 
 333 
                        )}
- 
 
 334 
                        {authorizedLinks?.link_contact && (
- 
 
 335 
                          <div className="col">
- 
 
 336 
                            <a
- 
 
 337 
                              href={authorizedLinks?.link_contact}
- 
 
 338 
                              title=""
- 
 
 339 
                              className="btn btn-primary"
- 
 
 340 
                            >
- 
 
 341 
                              <span className="ellipsis">
- 
 
 342 
                                Mensaje
348 
                            )}
 343 
                              </span>
- 
 
 344 
                            </a>
349 
                          </div>
 345 
                          </div>
350 
                        </div>
 - 
 
351 
                      </div>
 346 
                        )}
352 
                      {/* <!--user_pro_status end--> */}
 - 
 
353 
                    </div>
 - 
 
354 
                    {/* <!--user_profile end--> */}
 - 
 
355 
 
 347 
                      </div>
356 
                    <CompanyFollowersHelper companyId={companyId} />
 348 
                    </div>
357 
                  </div>
 349 
                  </div>
358 
                  {/* <!--main-left-sidebar end--> */}
 350 
                  {/* <!--user_pro_status end--> */}
- 
 
 351 
                </div>
- 
 
 352 
                {/* <!--user_profile end--> */}
- 
 
 353 
 
359 
                </div>
 354 
                <CompanyFollowersHelper companyId={companyId} />
360 
                <div className="col-lg-6">
 355 
              </div>
- 
 
 356 
              <div className="main-ws-sec">
- 
 
 357 
                <div className="user-tab-sec rewivew">
- 
 
 358 
                  {
- 
 
 359 
                    !initialLoading
- 
 
 360 
                    &&
- 
 
 361 
                    <div
361 
                  <div className="main-ws-sec">
 362 
                      className="row"
362 
                    <div className="user-tab-sec rewivew">
 363 
                    >
363 
                      {
 364 
                      {
364 
                        !initialLoading
 365 
                        isFollower
365 
                        &&
 366 
                        &&
366 
                        <div
 367 
                        <div
367 
                          className="row"
 - 
 
368 
                        >
 - 
 
369 
                          {
 - 
 
370 
                            isFollower
 - 
 
371 
                            &&
 - 
 
372 
                            <div
 - 
 
373 
                              className="col text-left pl-0"
 368 
                          className="col text-left pl-0"
374 
                            >
 369 
                        >
375 
                              <button
 370 
                          <button
376 
                                className="btn btn-link p-0 text-decoration-none"
 - 
 
377 
                                onClick={() => changeCurrentTab(TABS.FEEDS)}
 - 
 
378 
                              >
 - 
 
379 
                                <span className="p-2 default-link font-weight-bold text-dark">Ver Publicaciones</span>
 - 
 
380 
                              </button>
 - 
 
381 
                            </div>
 - 
 
382 
                          }
 - 
 
383 
                          <div
 371 
                            className="btn btn-link p-0 text-decoration-none"
384 
                            className="col text-right pl-0"
 - 
 
385 
                          >
 - 
 
386 
                            <button
 - 
 
387 
                              className="btn btn-link p-0 text-decoration-none"
 - 
 
388 
                              onClick={() => changeCurrentTab(TABS.INFO)}
 372 
                            onClick={() => changeCurrentTab(TABS.FEEDS)}
389 
                            >
 373 
                          >
390 
                              <span className="p-2 default-link font-weight-bold text-dark">Ver Información</span>
 - 
 
391 
                            </button>
 374 
                            <span className="p-2 default-link font-weight-bold text-dark">Ver Publicaciones</span>
392 
                          </div>
 375 
                          </button>
- 
 
 376 
                        </div>
- 
 
 377 
                      }
- 
 
 378 
                      <div
- 
 
 379 
                        className="col text-right pl-0"
- 
 
 380 
                      >
- 
 
 381 
                        <button
- 
 
 382 
                          className="btn btn-link p-0 text-decoration-none"
- 
 
 383 
                          onClick={() => changeCurrentTab(TABS.INFO)}
- 
 
 384 
                        >
- 
 
 385 
                          <span className="p-2 default-link font-weight-bold text-dark">Ver Información</span>
- 
 
 386 
                        </button>
- 
 
 387 
                      </div>
393 
                        </div>
 388 
                    </div>
- 
 
 389 
                  }
- 
 
 390 
                  {/* <!-- tab-feed end--> */}
- 
 
 391 
                </div>
- 
 
 392 
                {
- 
 
 393 
                  currentTab === TABS.FEEDS
- 
 
 394 
                  &&
- 
 
 395 
                  <div
- 
 
 396 
                    className="product-feed-tab animated fadeIn"
- 
 
 397 
                    id="feed-dd feed"
- 
 
 398 
                    style={{ display: 'block' }}
- 
 
 399 
                  >
394 
                      }
 400 
                    <div className="posts-section">
- 
 
 401 
                      <FeedSection routeTimeline={timeline} />
- 
 
 402 
                    </div>
- 
 
 403 
                  </div>
- 
 
 404 
                }
- 
 
 405 
                {
- 
 
 406 
                  currentTab === TABS.INFO
- 
 
 407 
                  &&
- 
 
 408 
                  < div
- 
 
 409 
                    className="product-feed-tab animated fadeIn"
- 
 
 410 
                    id="feed-dd info"
395 
                      {/* <!-- tab-feed end--> */}
 411 
                    style={{ display: 'block' }}
396 
                    </div>
 412 
                  >
397 
                    {
 413 
                    {
398 
                      currentTab === TABS.FEEDS
 - 
 
399 
                      &&
 414 
                      overview
400 
                      <div
 415 
                      &&
401 
                        className="product-feed-tab animated fadeIn"
 - 
 
402 
                        id="feed-dd feed"
 - 
 
403 
                        style={{ display: 'block' }}
 416 
                      <div className="user-profile-extended-ov">
404 
                      >
 - 
 
405 
                        <div className="posts-section">
 - 
 
406 
                          <FeedSection routeTimeline={timeline} />
 417 
                        <h3>Visión general</h3>
407 
                        </div>
 418 
                        <span>{parse(overview)}</span>
408 
                      </div>
 419 
                      </div>
409 
                    }
 420 
                    }
410 
                    {
 421 
                    {
411 
                      currentTab === TABS.INFO
 - 
 
412 
                      &&
 - 
 
413 
                      < div
 - 
 
414 
                        className="product-feed-tab animated fadeIn"
 - 
 
415 
                        id="feed-dd info"
 - 
 
416 
                        style={{ display: 'block' }}
 - 
 
417 
                      >
 - 
 
418 
                        {
 - 
 
419 
                          overview
 - 
 
420 
                          &&
 - 
 
421 
                          <div className="user-profile-extended-ov">
 - 
 
422 
                            <h3>Visión general</h3>
 - 
 
423 
                            <span>{parse(overview)}</span>
 - 
 
424 
                          </div>
 - 
 
425 
                        }
 - 
 
426 
                        {
 - 
 
427 
                          locations
 422 
                      locations
428 
                          &&
 423 
                      &&
429 
                          <div className="user-profile-extended-ov st2">
 424 
                      <div className="user-profile-extended-ov st2">
430 
                            <h3>Ubicación</h3>
 425 
                        <h3>Ubicación</h3>
431 
                            <span>
 426 
                        <span>
432 
                              {locations.map(
 427 
                          {locations.map(
433 
                                ({ formatted_address, is_main }, index) => (
 428 
                            ({ formatted_address, is_main }, index) => (
434 
                                  <React.Fragment key={index}>
 429 
                              <React.Fragment key={index}>
435 
                                    {index >= 0 ? <hr /> : ""}
 430 
                                {index >= 0 ? <hr /> : ""}
436 
                                    <p>
 431 
                                <p>
437 
                                      {`${formatted_address} ${is_main === "y" ? "(Principal)" : ""
 432 
                                  {`${formatted_address} ${is_main === "y" ? "(Principal)" : ""
438 
                                        }`}
 433 
                                    }`}
439 
                                    </p>
 - 
 
440 
                                  </React.Fragment>
 434 
                                </p>
441 
                                )
 - 
 
442 
                              )}
 - 
 
443 
                            </span>
 - 
 
444 
                          </div>
 - 
 
445 
                        }
 - 
 
446 
                        {
 435 
                              </React.Fragment>
447 
                          industry
 - 
 
448 
                          &&
 - 
 
449 
                          <div className="user-profile-ov">
 - 
 
450 
                            <h3>Industria</h3>
 436 
                            )
451 
                            <span>{industry}</span>
 - 
 
452 
                          </div>
 - 
 
453 
                        }
 - 
 
454 
                        {
 - 
 
455 
                          companySize
 - 
 
456 
                          &&
 - 
 
457 
                          <div className="user-profile-ov">
 - 
 
458 
                            <h3>Tamaño de la empresa</h3>
 - 
 
459 
                            <span>{companySize}</span>
 - 
 
460 
                          </div>
 - 
 
461 
                        }
 - 
 
462 
                        {
 - 
 
463 
                          foundationYear
 - 
 
464 
                          &&
 - 
 
465 
                          <div className="user-profile-ov">
 - 
 
466 
                            <h3>Año de fundación</h3>
 - 
 
467 
                            <span>{foundationYear}</span>
 - 
 
468 
                          </div>
 - 
 
469 
                        }
 - 
 
470 
                        {
 - 
 
471 
                          website
 - 
 
472 
                          &&
 - 
 
473 
                          <div className="user-profile-ov">
 - 
 
474 
                            <h3>Página web</h3>
 - 
 
475 
                            <span>{website}</span>
 - 
 
476 
                          </div>
 437 
                          )}
477 
                        }
 438 
                        </span>
478 
                      </div>
 439 
                      </div>
479 
                    }
 440 
                    }
480 
                    {
 441 
                    {
481 
                      initialLoading
 - 
 
482 
                      &&
 - 
 
483 
                      <div
 442 
                      industry
484 
                        style={{
 - 
 
485 
                          display: "flex",
 443 
                      &&
486 
                          justifyContent: "center",
 - 
 
487 
                          alignItems: "center",
 - 
 
488 
                        }}
 444 
                      <div className="user-profile-ov">
489 
                      >
 445 
                        <h3>Industria</h3>
490 
                        <Spinner />
 446 
                        <span>{industry}</span>
491 
                      </div>
 447 
                      </div>
492 
                    }
 448 
                    }
493 
                  </div>
 449 
                    {
494 
                </div>
 450 
                      companySize
495 
                <div className="col-lg-3">
 - 
 
496 
                  <div className="right-sidebar">
 451 
                      &&
497 
                    {loading && (
 452 
                      <div className="user-profile-ov">
498 
                      <div className="spinner-container">
 453 
                        <h3>Tamaño de la empresa</h3>
499 
                        <Spinner />
 454 
                        <span>{companySize}</span>
500 
                      </div>
 455 
                      </div>
501 
                    )}
 - 
 
502 
                    <div
 456 
                    }
503 
                      className="widget suggestions full-width d-none d-md-block d-lg-block border-gray border-radius"
 - 
 
504 
                      style={{
 - 
 
505 
                        height: "auto",
 457 
                    {
506 
                        overflowY: "auto",
 458 
                      foundationYear
507 
                      }}
 459 
                      &&
508 
                    >
 460 
                      <div className="user-profile-ov">
509 
                      <div className="sd-title">
 461 
                        <h3>Año de fundación</h3>
510 
                        <h3>Empresas similares</h3>
 462 
                        <span>{foundationYear}</span>
511 
                      </div>
 463 
                      </div>
512 
                      {/* <!--sd-title end--> */}
 464 
                    }
513 
                      {suggestionCompanies.length ? (
 465 
                    {
514 
                        getData().map(element => {
 466 
                      website
515 
                          return (
 467 
                      &&
516 
                            <div className="suggestion-usd d-flex justify-content-start align-items-center " key={element.id}>
 468 
                      <div className="user-profile-ov">
517 
                              <img
 469 
                        <h3>Página web</h3>
- 
 
 470 
                        <span>{website}</span>
- 
 
 471 
                      </div>
- 
 
 472 
                    }
- 
 
 473 
                  </div>
518 
                                style={{ width: "10%", height: "auto" }}
 474 
                }
- 
 
 475 
                {
- 
 
 476 
                  initialLoading
519 
                                src={element.image}
 477 
                  &&
520 
                                alt=""
 478 
                  <div
521 
                              />
 479 
                    style={{
- 
 
 480 
                      display: "flex",
- 
 
 481 
                      justifyContent: "center",
- 
 
 482 
                      alignItems: "center",
522 
                              <div
 483 
                    }}
- 
 
 484 
                  >
- 
 
 485 
                    <Spinner />
- 
 
 486 
                  </div>
523 
                                className="sgt-text"
 487 
                }
- 
 
 488 
              </div>
524 
                              >
 489 
              <div className="right-sidebar">
525 
                                <a href={element.profile} target="_blank">
 490 
                {loading && (
526 
                                  <h4 className="text-dark">{element.name}</h4>
 491 
                  <div className="spinner-container">
- 
 
 492 
                    <Spinner />
527 
                                </a>
 493 
                  </div>
- 
 
 494 
                )}
528 
                              </div>
 495 
                <div
- 
 
 496 
                  className="widget suggestions full-width d-none d-md-block d-lg-block border-gray border-radius"
- 
 
 497 
                  style={{
529 
                            </div>
 498 
                    height: "auto",
530 
                          )
 499 
                    overflowY: "auto",
- 
 
 500 
                  }}
531 
                        })
 501 
                >
532 
                      ) : (
 502 
                  <div className="sd-title">
- 
 
 503 
                    <h3>Empresas similares</h3>
- 
 
 504 
                  </div>
- 
 
 505 
                  {/* <!--sd-title end--> */}
- 
 
 506 
                  {suggestionCompanies.length ? (
- 
 
 507 
                    getData().map(element => {
533 
                        <div className="view-more">Sin empresas similares</div>
 508 
                      return (
- 
 
 509 
                        <div className="suggestion-usd d-flex justify-content-start align-items-center " key={element.id}>
534 
                      )}
 510 
                          <img
- 
 
 511 
                            style={{ width: "10%", height: "auto" }}
- 
 
 512 
                            src={element.image}
535 
                      {
 513 
                            alt=""
536 
                        suggestionCompanies.length >= 5 && (
 514 
                          />
537 
                          <div
 515 
                          <div
538 
                            className="w-100 text-center"
 516 
                            className="sgt-text"
539 
                          >
 517 
                          >
540 
                            <button className="btn btn-primary" onClick={() => setLookMore(!lookMore)}>
 518 
                            <a href={element.profile} target="_blank">
541 
                              {lookMore ? 'Ver menos' : 'Ver mas'}
 519 
                              <h4 className="text-dark">{element.name}</h4>
- 
 
 520 
                            </a>
542 
                            </button>
 521 
                          </div>
- 
 
 522 
                        </div>
543 
                          </div>
 523 
                      )
- 
 
 524 
                    })
- 
 
 525 
                  ) : (
- 
 
 526 
                    <div className="view-more">Sin empresas similares</div>
- 
 
 527 
                  )}
544 
                        )
 528 
                  {
- 
 
 529 
                    suggestionCompanies.length >= 5 && (
545 
                      }
 530 
                      <div
- 
 
 531 
                        className="w-100 text-center"
546 
                    </div>
 532 
                      >
- 
 
 533 
                        <button className="btn btn-primary" onClick={() => setLookMore(!lookMore)}>
- 
 
 534 
                          {lookMore ? 'Ver menos' : 'Ver mas'}
- 
 
 535 
                        </button>
- 
 
 536 
                      </div>
547 
                  </div>
 537 
                    )
548 
                  {/* <!--right-sidebar end--> */}
 538 
                  }
549 
                </div>
 539 
                </div>
550 
              </div>
 540 
              </div>
551 
            </div>
 541 
            </div>
552 
            {/* <!-- main-section-data end--> */}
 542 
            {/* <!-- main-section-data end--> */}
553 
          </div>
 543 
          </div>
554 
        </div>
 544 
        </div>
555 
      </main>
 545 
      </main >
556 
    </React.Fragment >
 546 
    </React.Fragment >
Línea 557... Línea 547...
557 
  );
 547 
  );