Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7173 Rev 7209
Línea 5... Línea 5...
5 
import OpenInNewIcon from '@mui/icons-material/OpenInNew'
 5 
import OpenInNewIcon from '@mui/icons-material/OpenInNew'
6 
import EditIcon from '@mui/icons-material/Edit'
 6 
import EditIcon from '@mui/icons-material/Edit'
7 
import DeleteIcon from '@mui/icons-material/Delete'
 7 
import DeleteIcon from '@mui/icons-material/Delete'
8 
import { useHistory } from 'react-router-dom'
 8 
import { useHistory } from 'react-router-dom'
Línea 9... Línea 9...
9 
 
 9 
 
10 
const StyledQuestionCard = styled(Card)`
 10 
export const StyledQuestionCard = styled(Card)`
11 
  background: var(--bg-color);
 11 
  background: var(--bg-color);
12 
  border: 1px solid var(--border-primary);
 12 
  border: 1px solid var(--border-primary);
13 
  border-radius: var(--border-radius);
 13 
  border-radius: var(--border-radius);
14 
  height: fit-content;
 14 
  height: fit-content;
Línea 33... Línea 33...
33 
    font-weight: 600;
 33 
    font-weight: 600;
34 
    font-size: 0.9rem;
 34 
    font-size: 0.9rem;
35 
  }
 35 
  }
36 
`
 36 
`
Línea 37... Línea 37...
37 
 
 37 
 
38 
const QuestionDetails = styled.div`
 38 
export const QuestionDetails = styled.div`
39 
  display: flex;
 39 
  display: flex;
40 
  align-items: center;
 40 
  align-items: center;
41 
  flex-wrap: wrap;
 41 
  flex-wrap: wrap;
42 
  gap: 1rem;
 42 
  gap: 1rem;
43 
  justify-content: space-between;
 43 
  justify-content: space-between;
44 
  margin-bottom: 0.5rem;
 44 
  margin-bottom: 0.5rem;
45 
  padding-bottom: 0.5rem;
 45 
  padding-bottom: 0.5rem;
46 
  border-bottom: 1px solid var(--border-primary);
 46 
  border-bottom: 1px solid var(--border-primary);
Línea 47... Línea 47...
47 
`
 47 
`
48 
 
 48 
 
49 
const QuestionUserInfo = styled.div`
 49 
export const QuestionUserInfo = styled.div`
50 
  align-items: center;
 50 
  align-items: center;
51 
  background: var(--chat-send);
 51 
  background: var(--chat-send);
52 
  border-radius: var(--border-radius);
 52 
  border-radius: var(--border-radius);
Línea 56... Línea 56...
56 
  gap: 0.5rem;
 56 
  gap: 0.5rem;
57 
  padding: 0.5rem;
 57 
  padding: 0.5rem;
58 
  width: fit-content;
 58 
  width: fit-content;
59 
`
 59 
`
Línea 60... Línea 60...
60 
 
 60 
 
61 
const QuestionActions = styled.div`
 61 
export const QuestionActions = styled.div`
62 
  display: flex;
 62 
  display: flex;
63 
  align-items: center;
 63 
  align-items: center;
64 
  gap: 0.5rem;
 64 
  gap: 0.5rem;
65 
  justify-content: space-around;
 65 
  justify-content: space-around;
Línea 75... Línea 75...
75 
    border-radius: var(--border-radius) !important;
 75 
    border-radius: var(--border-radius) !important;
76 
    padding: 5px !important;
 76 
    padding: 5px !important;
77 
  }
 77 
  }
78 
`
 78 
`
Línea 79... Línea 79...
79 
 
 79 
 
80 
const QuestionStats = styled.div`
 80 
export const QuestionStats = styled.div`
81 
  display: flex;
 81 
  display: flex;
82 
  align-items: center;
 82 
  align-items: center;
83 
  gap: 0.5rem;
 83 
  gap: 0.5rem;
Línea -... Línea 84...
- 
 
 84 
`
- 
 
 85 
 
- 
 
 86 
export const QuestionCategories = styled.ul`
- 
 
 87 
  align-items: center;
- 
 
 88 
  display: flex;
- 
 
 89 
  gap: 0.5rem;
- 
 
 90 
  flex-wrap: wrap;
- 
 
 91 
  max-width: 200px;
- 
 
 92 
  li {
- 
 
 93 
    background: var(--chat-send);
- 
 
 94 
    border-radius: var(--border-radius);
- 
 
 95 
    color: var(--font-color);
- 
 
 96 
    padding: 0.4rem 0.6rem;
- 
 
 97 
    font-size: 0.9rem;
- 
 
 98 
    font-weight: 600;
- 
 
 99 
  }
84 
`
 100 
`
85 
 
 101 
 
86 
const QuestionCard = ({
 102 
const QuestionCard = ({
87 
  updated_on = '',
 103 
  updated_on = '',
88 
  link_add_comment = '',
 104 
  link_add_comment = '',
Línea 118... Línea 134...
118 
            alt={`${user_name} profile image`}
 134 
            alt={`${user_name} profile image`}
119 
            sx={{ width: '50px', height: '50px' }}
 135 
            sx={{ width: '50px', height: '50px' }}
120 
          />
 136 
          />
121 
          <p>{user_name}</p>
 137 
          <p>{user_name}</p>
122 
        </QuestionUserInfo>
 138 
        </QuestionUserInfo>
123 
        <ul className="question-categories">
 139 
        <QuestionCategories>
124 
          {categories.map(({ category }) => (
 140 
          {categories.map(({ category }) => (
125 
            <li key={category}>{category}</li>
 141 
            <li key={category}>{category}</li>
126 
          ))}
 142 
          ))}
127 
        </ul>
 143 
        </QuestionCategories>
128 
      </QuestionDetails>
 144 
      </QuestionDetails>
Línea 129... Línea 145...
129 
 
 145 
 
130 
      <h2>{title}</h2>
 146 
      <h2>{title}</h2>
131 
      <span>{`${labels.my_coach_question} ${added_on}`}</span>
 147 
      <span>{`${labels.my_coach_question} ${added_on}`}</span>