Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7262 Rev 7263
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useEffect, useState } from 'react'
2 
import { axios } from '../../utils'
 2 
import { axios } from '../../utils'
3 
import { useDispatch } from 'react-redux'
 3 
import { useDispatch } from 'react-redux'
4 
import { addNotification } from '../../redux/notification/notification.actions'
 4 
import { addNotification } from '../../redux/notification/notification.actions'
- 
 
 5 
import styled from 'styled-components'
- 
 
 6 
import Avatar from '@mui/material/Avatar'
5 
import IconButton from '@mui/material/IconButton'
 7 
import IconButton from '@mui/material/IconButton'
6 
import AddRounded from '@mui/icons-material/AddRounded'
 8 
import AddRounded from '@mui/icons-material/AddRounded'
7 
import { styled } from 'styled-components'
 9 
import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'
Línea 8... Línea 10...
8 
 
 10 
 
9 
import Spinner from '../UI/Spinner'
 11 
import Spinner from '../UI/Spinner'
10 
import LoaderContainer from '../UI/LoaderContainer'
 12 
import LoaderContainer from '../UI/LoaderContainer'
- 
 
 13 
import WidgetLayout from '../widgets/WidgetLayout'
11 
import WidgetLayout from '../widgets/WidgetLayout'
 14 
 
- 
 
 15 
const ContactContainer = styled(WidgetLayout)`
- 
 
 16 
  padding: 1rem;
- 
 
 17 
  position: relative;
- 
 
 18 
  flex-grow: 1;
- 
 
 19 
  ul {
- 
 
 20 
    display: flex;
- 
 
 21 
    flex-direction: column;
- 
 
 22 
    gap: 0.5rem;
- 
 
 23 
    max-height: 300px;
- 
 
 24 
    overflow: auto;
- 
 
 25 
  }
Línea 12... Línea 26...
12 
import { Avatar } from '@mui/material'
 26 
`
13 
 
 27 
 
14 
const ContactTemplate = styled.div`
 28 
const ContactTemplate = styled.div`
15 
  display: flex;
 29 
  display: flex;
Línea 89... Línea 103...
89 
  useEffect(() => {
 103 
  useEffect(() => {
90 
    getContacts()
 104 
    getContacts()
91 
  }, [])
 105 
  }, [])
Línea 92... Línea 106...
92 
 
 106 
 
93 
  return (
 107 
  return (
94 
    <WidgetLayout>
 108 
    <ContactContainer>
95 
      <IconButton onClick={() => changeTab('DEFAULT')}>
 109 
      <IconButton onClick={() => changeTab('DEFAULT')}>
96 
        <AddRounded />
 110 
        <ArrowBackIosIcon />
Línea 97... Línea 111...
97 
      </IconButton>
 111 
      </IconButton>
98 
 
 112 
 
99 
      <ul>
 113 
      <ul>
Línea 109... Línea 123...
109 
      {loading && (
 123 
      {loading && (
110 
        <LoaderContainer>
 124 
        <LoaderContainer>
111 
          <Spinner />
 125 
          <Spinner />
112 
        </LoaderContainer>
 126 
        </LoaderContainer>
113 
      )}
 127 
      )}
114 
    </WidgetLayout>
 128 
    </ContactContainer>
115 
  )
 129 
  )
116 
}
 130 
}
Línea 117... Línea 131...
117 
 
 131 
 
118 
const Item = ({ image, name, onClick }) => {
 132 
const Item = ({ image, name, onClick }) => {