Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 532 Rev 534
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { Avatar } from '@mui/material'
 - 
 
3 
import { useSelector } from 'react-redux'
 2 
import { useSelector } from 'react-redux'
4 
import { useHistory } from 'react-router-dom'
 3 
import { useHistory } from 'react-router-dom'
5 
import styled from 'styled-components'
 4 
import styled from 'styled-components'
Línea 6... Línea 5...
6 
 
 5 
 
Línea 9... Línea 8...
9 
import DeleteIcon from '@mui/icons-material/Delete'
 8 
import DeleteIcon from '@mui/icons-material/Delete'
10 
import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew'
 9 
import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew'
11 
import Paraphrase from '../UI/Paraphrase'
 10 
import Paraphrase from '../UI/Paraphrase'
12 
import StyledContainer from '../widgets/WidgetLayout'
 11 
import StyledContainer from '../widgets/WidgetLayout'
Línea 13... Línea -...
13 
 
 - 
 
14 
export const QuestionDetails = styled.div`
 - 
 
15 
  display: flex;
 - 
 
16 
  align-items: center;
 - 
 
17 
  flex-wrap: wrap;
 - 
 
18 
  gap: 1rem;
 - 
 
19 
  justify-content: space-between;
 - 
 
20 
  margin-bottom: 0.5rem;
 - 
 
21 
  padding-bottom: 0.5rem;
 - 
 
22 
  border-bottom: 1px solid var(--border-primary);
 - 
 
23 
`
 - 
 
24 
 
 12 
 
25 
export const QuestionUserInfo = styled.div`
 13 
export const QuestionUserInfo = styled.div`
26 
  align-items: center;
 14 
  align-items: center;
27 
  display: inline-flex;
 15 
  display: inline-flex;
28 
  gap: 0.5rem;
 16 
  gap: 0.5rem;
Línea 32... Línea 20...
32 
    font-weight: 600;
 20 
    font-weight: 600;
33 
    font-size: 0.8rem;
 21 
    font-size: 0.8rem;
34 
  }
 22 
  }
35 
`
 23 
`
Línea 36... Línea -...
36 
 
 - 
 
37 
export const QuestionActions = styled.div`
 - 
 
38 
  display: flex;
 - 
 
39 
  align-items: center;
 - 
 
40 
  gap: 0.5rem;
 - 
 
41 
  justify-content: space-around;
 - 
 
42 
  padding-top: 0.5rem;
 - 
 
43 
  border-top: 1px solid var(--border-primary);
 - 
 
44 
  & > * {
 - 
 
45 
    flex-grow: 1;
 - 
 
46 
  }
 - 
 
47 
  .btn {
 - 
 
48 
    color: var(--icons-color);
 - 
 
49 
    font-size: 0.9rem !important;
 - 
 
50 
    border-radius: var(--border-radius) !important;
 - 
 
51 
    padding: 5px !important;
 - 
 
52 
    position: relative;
 - 
 
53 
    display: flex;
 - 
 
54 
    flex-direction: column;
 - 
 
55 
    justify-content: center;
 - 
 
56 
    align-items: center;
 - 
 
57 
  }
 - 
 
58 
`
 - 
 
59 
 
 24 
 
60 
export const QuestionStats = styled.div`
 25 
export const QuestionStats = styled.div`
61 
  display: flex;
 26 
  display: flex;
62 
  align-items: center;
 27 
  align-items: center;
63 
  gap: 0.5rem;
 28 
  gap: 0.5rem;
Línea 112... Línea 77...
112 
    history.replace('/my-coach')
 77 
    history.replace('/my-coach')
113 
  }
 78 
  }
Línea 114... Línea 79...
114 
 
 79 
 
115 
  return (
 80 
  return (
116 
    <StyledContainer>
 81 
    <StyledContainer>
117 
      <StyledContainer.Header>
 - 
 
118 
        <QuestionUserInfo>
 - 
 
119 
          <Avatar
 - 
 
120 
            src={user_image}
 - 
 
121 
            alt={`${user_name} profile image`}
 - 
 
122 
            sx={{ width: '50px', height: '50px' }}
 - 
 
123 
          />
 - 
 
124 
          <span>{user_name}</span>
 - 
 
125 
        </QuestionUserInfo>
 - 
 
126 
 
 82 
      <StyledContainer.Header image={user_image} title={user_name}>
127 
        <QuestionCategories>
 83 
        <QuestionCategories>
128 
          {categories.map(({ category }) => (
 84 
          {categories.map(({ category }) => (
129 
            <li key={category}>{category}</li>
 85 
            <li key={category}>{category}</li>
130 
          ))}
 86 
          ))}