Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2864 Rev 2888
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { useSelector } from 'react-redux'
 2 
import { useSelector } from 'react-redux'
3 
import { useNavigate } from 'react-router-dom'
 3 
import { useNavigate } from 'react-router-dom'
4 
import { Typography } from '@mui/material'
 4 
import { styled, Typography } from '@mui/material'
5 
import styled from 'styled-components'
 5 
import { ArrowBackIosNew, OpenInNew, Edit, Delete } from '@mui/icons-material'
Línea 6... Línea 6...
6 
 
 6 
 
7 
import { parse } from '@utils'
 - 
 
8 
import OpenInNewIcon from '@mui/icons-material/OpenInNew'
 - 
 
9 
import EditIcon from '@mui/icons-material/Edit'
 - 
 
10 
import DeleteIcon from '@mui/icons-material/Delete'
 - 
 
Línea 11... Línea 7...
11 
import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew'
 7 
import { parse } from '@utils'
- 
 
 8 
 
Línea 12... Línea 9...
12 
 
 9 
import Widget from '@components/UI/Widget'
13 
import WidgetWrapper from '../widgets/WidgetLayout'
 10 
import Button from '@components/UI/buttons/Buttons'
14 
 
 11 
 
15 
export const QuestionStats = styled.div`
 12 
export const QuestionStats = styled('div')`
16 
  display: flex;
 13 
  display: flex;
17 
  align-items: center;
 14 
  align-items: center;
18 
  gap: 0.5rem;
 15 
  gap: 0.5rem;
Línea 19... Línea 16...
19 
  justify-content: space-around;
 16 
  justify-content: space-around;
20 
  padding: 5px;
 17 
  padding: 5px;
21 
`
 18 
`
22 
 
 19 
 
23 
const QuestionCategories = styled.ul`
 20 
const QuestionCategories = styled('ul')`
24 
  align-items: center;
 21 
  align-items: center;
Línea 67... Línea 64...
67 
  const goBack = () => {
 64 
  const goBack = () => {
68 
    navigate('/my-coach')
 65 
    navigate('/my-coach')
69 
  }
 66 
  }
Línea 70... Línea 67...
70 
 
 67 
 
- 
 
 68 
  return (
71 
  return (
 69 
    <Widget>
- 
 
 70 
      <Widget.Header
72 
    <WidgetWrapper>
 71 
        avatar={user_image}
- 
 
 72 
        title={user_name}
73 
      <WidgetWrapper.Header image={user_image} title={user_name}>
 73 
        renderAction={() => (
74 
        <QuestionCategories>
 74 
          <QuestionCategories>
75 
          {categories.map(({ category }) => (
 75 
            {categories.map(({ category }) => (
76 
            <li key={category}>{category}</li>
 76 
              <li key={category}>{category}</li>
77 
          ))}
 77 
            ))}
- 
 
 78 
          </QuestionCategories>
78 
        </QuestionCategories>
 79 
        )}
Línea 79... Línea 80...
79 
      </WidgetWrapper.Header>
 80 
      />
80 
 
 81 
 
81 
      <WidgetWrapper.Body>
 82 
      <Widget.Body>
82 
        <h2>{title}</h2>
 83 
        <h2>{title}</h2>
83 
        <span>{`${labels.my_coach_question} ${added_on}`}</span>
 84 
        <span>{`${labels.my_coach_question} ${added_on}`}</span>
84 
        {last_answer_on ? (
 85 
        {last_answer_on ? (
85 
          <span>{`${labels.my_coach_last_answer} ${last_answer_on}`}</span>
 86 
          <span>{`${labels.my_coach_last_answer} ${last_answer_on}`}</span>
86 
        ) : null}
 87 
        ) : null}
Línea 87... Línea 88...
87 
        <Typography>{parse(description)}</Typography>
 88 
        <Typography>{parse(description)}</Typography>
88 
      </WidgetWrapper.Body>
 89 
      </Widget.Body>
89 
 
 90 
 
90 
      <QuestionStats>
 91 
      <QuestionStats>
91 
        <span>{`${answers} ${labels.my_coach_answers}`}</span>
 92 
        <span>{`${answers} ${labels.my_coach_answers}`}</span>
92 
        <span>{`${reactions} ${labels.my_coach_reactions}`}</span>
 93 
        <span>{`${reactions} ${labels.my_coach_reactions}`}</span>
Línea 93... Línea 94...
93 
        <span>{`${views} ${labels.my_coach_views}`}</span>
 94 
        <span>{`${views} ${labels.my_coach_views}`}</span>
94 
        <span>{`${comments} ${labels.comments}`}</span>
 95 
        <span>{`${comments} ${labels.comments}`}</span>
95 
      </QuestionStats>
 96 
      </QuestionStats>
96 
 
 97 
 
97 
      <WidgetWrapper.Actions>
 98 
      <Widget.Actions>
98 
        {link_answers && (
 99 
        {link_answers && (
99 
          <button onClick={goBack}>
 100 
          <Button onClick={goBack}>
100 
            <ArrowBackIosNewIcon />
 101 
            <ArrowBackIosNew />
101 
            {labels.back}
 102 
            {labels.back}
102 
          </button>
 103 
          </Button>
103 
        )}
 104 
        )}
104 
        {link_view && (
 105 
        {link_view && (
105 
          <button onClick={() => onView(link_view)}>
 106 
          <Button onClick={() => onView(link_view)}>
106 
            <OpenInNewIcon />
 107 
            <OpenInNew />
107 
            {labels.view}
 108 
            {labels.view}
108 
          </button>
 109 
          </Button>
109 
        )}
 110 
        )}
110 
        {link_edit && (
 111 
        {link_edit && (
111 
          <button onClick={() => onEdit(link_edit)}>
 112 
          <Button onClick={() => onEdit(link_edit)}>
112 
            <EditIcon />
 113 
            <Edit />
113 
            {labels.edit}
 114 
            {labels.edit}
114 
          </button>
 115 
          </Button>
115 
        )}
 116 
        )}
116 
        {link_answers_add && (
 117 
        {link_answers_add && (
117 
          <button onClick={() => onReply(link_edit)}>
 118 
          <Button onClick={() => onReply(link_edit)}>
118 
            <EditIcon />
 119 
            <Edit />
119 
            {labels.reply}
 120 
            {labels.reply}
120 
          </button>
 121 
          </Button>
121 
        )}
 122 
        )}
122 
        {link_delete && (
 123 
        {link_delete && (
123 
          <button
 124 
          <Button
124 
            className='btn feed__share-option'
 125 
            className='btn feed__share-option'
125 
            onClick={() => onDelete(link_delete)}
 126 
            onClick={() => onDelete(link_delete)}
126 
          >
 127 
          >
127 
            <DeleteIcon />
 128 
            <Delete />
128 
            {labels.delete}
 129 
            {labels.delete}
129 
          </button>
 130 
          </Button>
130 
        )}
 131 
        )}
Línea 131... Línea 132...
131 
      </WidgetWrapper.Actions>
 132 
      </Widget.Actions>