aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/components/message.jsx
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2017-12-20 14:57:52 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:52 +0300
commitaaa6a3a3e3d6c73139fd44498e034c1460ecfcae (patch)
tree5d828069484fe5af49bec8b0540f6a5ae6a64fe9 /vnext/src/components/message.jsx
parent359f345ab5739bbd258da9b8a0b053005e392ead (diff)
jsx -> js
Diffstat (limited to 'vnext/src/components/message.jsx')
-rw-r--r--vnext/src/components/message.jsx52
1 files changed, 0 insertions, 52 deletions
diff --git a/vnext/src/components/message.jsx b/vnext/src/components/message.jsx
deleted file mode 100644
index cf287ce9..00000000
--- a/vnext/src/components/message.jsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-export default class Message extends React.Component {
- render() {
- const msg = this.props.data;
- return (
- <article itemProp="blogPost" itemScope="" itemType="http://schema.org/BlogPosting" itemRef="org">
- <header className="h">
- <span itemProp="author" itemScope="" itemType="http://schema.org/Person">
- <a href={`/${msg.user.uname}/`} itemProp="url" rel="author"><span itemProp="name">{ msg.user.uname }</span></a>
- </span>
- <div className="msg-avatar"><a href={`/${msg.user.uname }/`}>
- <img src={`//i.juick.com/a/${msg.user.uid}.png`} alt={`${msg.user.uname}`} /></a>
- </div>
- <div className="msg-ts">
- <a href={`/${msg.user.uname}/${msg.mid}`}>
- <time itemProp="datePublished dateModified" itemType="http://schema.org/Date" dateTime={msg.timestamp}
- title={msg.timestamp}>
- {msg.timestamp}
- </time>
- </a>
- </div>
- <div className="msg-tags" itemProp="headline">
- <Tags data={msg.tags || []} />
- </div>
- </header>
- <p>{msg.body}</p>
- { msg.photo &&
- <p className="ir"><a href={`//i.juick.com/p/${msg.mid}.${msg.attach}`} data-fname={`${msg.mid}.${msg.attach}`}>
- <img itemProp="image" src={`//i.juick.com/p/${msg.mid}.${msg.attach}`} alt=""/></a>
- </p>
- }
- </article>
- )}
-};
-
-function Tags(props) {
- return props.data && props.data.map(tag => { return (<a key={tag} href={`/tag/${ tag}`} title={ tag }>{ tag }</a>) })
-}
-
-Message.propTypes = {
- msg: PropTypes.shape({
- mid: PropTypes.number.isRequired,
- user: PropTypes.shape({
- uid: PropTypes.number.isRequired,
- uname: PropTypes.string.isRequired
- }),
- timestamp: PropTypes.string.isRequired,
- body: PropTypes.string
- })
-}