2988da0981
Biggest changes forced by this: alt tags for all images, resulting in new strings added to messages.json, and a new i18n paramter/prop added in a plot of places. Another change of note is that there are two new tslint.json files under ts/test and ts/styleguide to relax our rules a bit there. This required a change to our package.json script, as manually specifying the config file there made it ignore our tslint.json files in subdirectories
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
// tslint:disable:newline-before-return
|
|
|
|
import React from 'react';
|
|
|
|
/**
|
|
* A placeholder Message component for now, giving the structure of a plain message with
|
|
* none of the dynamic functionality. This page will be used to build up our corpus of
|
|
* permutations before we start moving all message functionality to React.
|
|
*/
|
|
export class Message extends React.Component {
|
|
public render() {
|
|
return (
|
|
<li className="entry outgoing sent delivered">
|
|
<span className="avatar" />
|
|
<div className="bubble">
|
|
<div className="sender" dir="auto" />
|
|
<div className="tail-wrapper with-tail">
|
|
<div className="inner-bubble">
|
|
<p className="content" dir="auto">
|
|
<span className="body">
|
|
Hi there. How are you doing? Feeling pretty good? Awesome.
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="meta">
|
|
<span
|
|
className="timestamp"
|
|
data-timestamp="1522800995425"
|
|
title="Tue, Apr 3, 2018 5:16 PM"
|
|
>
|
|
1 minute ago
|
|
</span>
|
|
<span className="status hide" />
|
|
<span className="timer" />
|
|
</div>
|
|
</div>
|
|
</li>
|
|
);
|
|
}
|
|
}
|