Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 655 Rev 1507
Línea 8... Línea 8...
8 
import styled from 'styled-components'
 8 
import styled from 'styled-components'
Línea 9... Línea 9...
9 
 
 9 
 
10 
import { QuestionStats } from './QuestionCard'
 10 
import { QuestionStats } from './QuestionCard'
11 
import { CommentForm, CommentsList } from '../feed/CommentSection'
 11 
import { CommentForm, CommentsList } from '../feed/CommentSection'
12 
import Paraphrase from '../UI/Paraphrase'
 12 
import Paraphrase from '../UI/Paraphrase'
13 
import StyledContainer from '../widgets/WidgetLayout'
 13 
import WidgetWrapper from '../widgets/WidgetLayout'
Línea 14... Línea 14...
14 
import ReactionsButton from '../UI/buttons/ReactionsButton'
 14 
import ReactionsButton from '../UI/buttons/ReactionsButton'
15 
 
 15 
 
16 
const StyledForm = styled(CommentForm)`
 16 
const StyledForm = styled(CommentForm)`
Línea 112... Línea 112...
112 
      })
 112 
      })
113 
  }
 113 
  }
Línea 114... Línea 114...
114 
 
 114 
 
115 
  return (
 115 
  return (
116 
    <>
 116 
    <>
117 
      <StyledContainer>
 117 
      <WidgetWrapper>
118 
        <StyledContainer.Header image={user_image} title={user_name}>
 118 
        <WidgetWrapper.Header image={user_image} title={user_name}>
119 
          <QuestionStats>
 119 
          <QuestionStats>
120 
            <span>{`${labels.published} ${time_elapsed}`}</span>
 120 
            <span>{`${labels.published} ${time_elapsed}`}</span>
121 
            <span>{`${totalReactions} ${labels.reactions}`}</span>
 121 
            <span>{`${totalReactions} ${labels.reactions}`}</span>
122 
            <span>{`${totalComments} ${labels.comments}`}</span>
 122 
            <span>{`${totalComments} ${labels.comments}`}</span>
123 
          </QuestionStats>
 123 
          </QuestionStats>
Línea 124... Línea 124...
124 
        </StyledContainer.Header>
 124 
        </WidgetWrapper.Header>
125 
 
 125 
 
126 
        <StyledContainer.Body>
 126 
        <WidgetWrapper.Body>
Línea 127... Línea 127...
127 
          <Paraphrase>{text}</Paraphrase>
 127 
          <Paraphrase>{text}</Paraphrase>
128 
        </StyledContainer.Body>
 128 
        </WidgetWrapper.Body>
129 
 
 129 
 
130 
        <StyledContainer.Actions>
 130 
        <WidgetWrapper.Actions>
131 
          {link_save_reaction && (
 131 
          {link_save_reaction && (
132 
            <ReactionsButton
 132 
            <ReactionsButton
Línea 156... Línea 156...
156 
            <button onClick={() => onDelete(link_delete)}>
 156 
            <button onClick={() => onDelete(link_delete)}>
157 
              <DeleteIcon />
 157 
              <DeleteIcon />
158 
              {labels.delete}
 158 
              {labels.delete}
159 
            </button>
 159 
            </button>
160 
          )}
 160 
          )}
161 
        </StyledContainer.Actions>
 161 
        </WidgetWrapper.Actions>
162 
        <div className='px-1 pb-1'>
 162 
        <div className='px-1 pb-1'>
163 
          <StyledForm image={user_image} onSubmit={addComment} />
 163 
          <StyledForm image={user_image} onSubmit={addComment} />
164 
          {showComments && (
 164 
          {showComments && (
165 
            <CommentsList comments={comments} onDelete={deleteComment} />
 165 
            <CommentsList comments={comments} onDelete={deleteComment} />
166 
          )}
 166 
          )}
167 
        </div>
 167 
        </div>
168 
      </StyledContainer>
 168 
      </WidgetWrapper>
169 
    </>
 169 
    </>
170 
  )
 170 
  )
171 
}
 171 
}
Línea 172... Línea 172...
172 
 
 172