Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 748 Rev 1507
Línea 7... Línea 7...
7 
import EditIcon from '@mui/icons-material/Edit'
 7 
import EditIcon from '@mui/icons-material/Edit'
8 
import DeleteIcon from '@mui/icons-material/Delete'
 8 
import DeleteIcon from '@mui/icons-material/Delete'
9 
import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew'
 9 
import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew'
Línea 10... Línea 10...
10 
 
 10 
 
11 
import Paraphrase from '../UI/Paraphrase'
 11 
import Paraphrase from '../UI/Paraphrase'
Línea 12... Línea 12...
12 
import StyledContainer from '../widgets/WidgetLayout'
 12 
import WidgetWrapper from '../widgets/WidgetLayout'
13 
 
 13 
 
14 
export const QuestionStats = styled.div`
 14 
export const QuestionStats = styled.div`
15 
  display: flex;
 15 
  display: flex;
16 
  align-items: center;
 16 
  align-items: center;
17 
  gap: 0.5rem;
 17 
  gap: 0.5rem;
18 
  justify-content: space-around;
 18 
  justify-content: space-around;
Línea 19... Línea 19...
19 
  padding: 5px;
 19 
  padding: 5px;
20 
`
 20 
`
21 
 
 21 
 
22 
const StyledQuestionContainer = styled(StyledContainer)`
 22 
const StyledQuestionContainer = styled(WidgetWrapper)`
23 
  display: flex;
 23 
  display: flex;
Línea 24... Línea 24...
24 
  flex-direction: column;
 24 
  flex-direction: column;
25 
  height: 100%;
 25 
  height: 100%;
26 
`
 26 
`
Línea 27... Línea 27...
27 
 
 27 
 
28 
const StyledBody = styled(StyledContainer.Body)`
 28 
const StyledBody = styled(WidgetWrapper.Body)`
Línea 77... Línea 77...
77 
    history.replace('/my-coach')
 77 
    history.replace('/my-coach')
78 
  }
 78 
  }
Línea 79... Línea 79...
79 
 
 79 
 
80 
  return (
 80 
  return (
81 
    <StyledQuestionContainer>
 81 
    <StyledQuestionContainer>
82 
      <StyledContainer.Header image={user_image} title={user_name}>
 82 
      <WidgetWrapper.Header image={user_image} title={user_name}>
83 
        <QuestionCategories>
 83 
        <QuestionCategories>
84 
          {categories.map(({ category }) => (
 84 
          {categories.map(({ category }) => (
85 
            <li key={category}>{category}</li>
 85 
            <li key={category}>{category}</li>
86 
          ))}
 86 
          ))}
87 
        </QuestionCategories>
 87 
        </QuestionCategories>
Línea 88... Línea 88...
88 
      </StyledContainer.Header>
 88 
      </WidgetWrapper.Header>
89 
 
 89 
 
90 
      <StyledBody>
 90 
      <StyledBody>
91 
        <h2>{title}</h2>
 91 
        <h2>{title}</h2>
Línea 101... Línea 101...
101 
        <span>{`${reactions} ${labels.my_coach_reactions}`}</span>
 101 
        <span>{`${reactions} ${labels.my_coach_reactions}`}</span>
102 
        <span>{`${views} ${labels.my_coach_views}`}</span>
 102 
        <span>{`${views} ${labels.my_coach_views}`}</span>
103 
        <span>{`${comments} ${labels.comments}`}</span>
 103 
        <span>{`${comments} ${labels.comments}`}</span>
104 
      </QuestionStats>
 104 
      </QuestionStats>
Línea 105... Línea 105...
105 
 
 105 
 
106 
      <StyledContainer.Actions>
 106 
      <WidgetWrapper.Actions>
107 
        {link_answers && (
 107 
        {link_answers && (
108 
          <button onClick={goBack}>
 108 
          <button onClick={goBack}>
109 
            <ArrowBackIosNewIcon />
 109 
            <ArrowBackIosNewIcon />
110 
            {labels.back}
 110 
            {labels.back}
Línea 135... Línea 135...
135 
          >
 135 
          >
136 
            <DeleteIcon />
 136 
            <DeleteIcon />
137 
            {labels.delete}
 137 
            {labels.delete}
138 
          </button>
 138 
          </button>
139 
        )}
 139 
        )}
140 
      </StyledContainer.Actions>
 140 
      </WidgetWrapper.Actions>
141 
    </StyledQuestionContainer>
 141 
    </StyledQuestionContainer>
142 
  )
 142 
  )
143 
}
 143 
}
Línea 144... Línea 144...
144 
 
 144