Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 677 Rev 1469
Línea 1... Línea 1...
1 
import React, { useState, useLayoutEffect, useEffect } from 'react'
 1 
import React, { useState, useLayoutEffect, useEffect } from 'react'
2 
import { axios } from '../../utils'
 - 
 
3 
import { useDispatch } from 'react-redux'
 2 
import { useDispatch } from 'react-redux'
4 
import { getBackendVars } from '../../services/backendVars'
 - 
 
5 
import { addNotification } from '../../redux/notification/notification.actions'
 - 
 
6 
import { Col, Container, Row } from 'react-bootstrap'
 - 
 
7 
import { Link } from 'react-router-dom'
 3 
import { Link } from 'react-router-dom'
8 
import { IconButton } from '@mui/material'
 4 
import { Container, Grid, IconButton } from '@mui/material'
9 
import DeleteOutline from '@mui/icons-material/DeleteOutline'
 5 
import DeleteOutline from '@mui/icons-material/DeleteOutline'
- 
 
 6 
import styled from 'styled-components'
- 
 
 7 
 
- 
 
 8 
import { axios } from '../../utils'
- 
 
 9 
import { getBackendVars } from '../../services/backendVars'
- 
 
 10 
import { addNotification } from '../../redux/notification/notification.actions'
Línea 10... Línea 11...
10 
 
 11 
 
11 
import Options from '../../components/UI/Option'
 12 
import Options from '../../components/UI/Option'
12 
import ConfirmModal from '../../components/modals/ConfirmModal'
 13 
import ConfirmModal from '../../components/modals/ConfirmModal'
13 
import EmptySection from '../../components/UI/EmptySection'
 14 
import EmptySection from '../../components/UI/EmptySection'
14 
import ProfileInfo from '../../components/widgets/default/ProfileWidget'
 - 
 
15 
import styled from 'styled-components'
 15 
import ProfileInfo from '../../components/widgets/default/ProfileWidget'
16 
import StyledContainer from '../../components/widgets/WidgetLayout'
 16 
import StyledContainer from '../../components/widgets/WidgetLayout'
Línea 17... Línea 17...
17 
import Paraphrase from '../../components/UI/Paraphrase'
 17 
import Paraphrase from '../../components/UI/Paraphrase'
18 
 
 18 
 
Línea 149... Línea 149...
149 
    readAllNotification()
 149 
    readAllNotification()
150 
  }, [])
 150 
  }, [])
Línea 151... Línea 151...
151 
 
 151 
 
152 
  return (
 152 
  return (
153 
    <>
 153 
    <>
154 
      <Container as='main'>
 154 
      <Container>
155 
        <Row>
 155 
        <Grid container spacing={2}>
156 
          <Col as='aside' md='4' className='d-none d-md-flex'>
 156 
          <Grid item xs={12} md={4}>
157 
            <ProfileInfo
 157 
            <ProfileInfo
158 
              image={image}
 158 
              image={image}
159 
              name={fullName}
 159 
              name={fullName}
160 
              visits={visits}
 160 
              visits={visits}
161 
              country={country}
 161 
              country={country}
162 
              connections={connections}
 162 
              connections={connections}
163 
            />
 163 
            />
164 
          </Col>
 164 
          </Grid>
165 
          <Col as='section' md='8'>
 165 
          <Grid item xs={12} md={8}>
166 
            <StyledContainer>
 166 
            <StyledContainer>
167 
              <StyledContainer.Header title='Notificaciones'>
 167 
              <StyledContainer.Header title='Notificaciones'>
168 
                <Options
 168 
                <Options
169 
                  options={[
 169 
                  options={[
Línea 191... Línea 191...
191 
                    align='center'
 191 
                    align='center'
192 
                  />
 192 
                  />
193 
                )}
 193 
                )}
194 
              </StyledNotificationList>
 194 
              </StyledNotificationList>
195 
            </StyledContainer>
 195 
            </StyledContainer>
196 
          </Col>
 196 
          </Grid>
197 
        </Row>
 197 
        </Grid>
198 
      </Container>
 198 
      </Container>
- 
 
 199 
 
199 
      <ConfirmModal
 200 
      <ConfirmModal
200 
        show={confirmModalShow}
 201 
        show={confirmModalShow}
201 
        onClose={toggleConfirmModal}
 202 
        onClose={toggleConfirmModal}
202 
        onAccept={() => {
 203 
        onAccept={() => {
203 
          deleteAllNotifications()
 204 
          deleteAllNotifications()