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
32 lines
706 B
TypeScript
32 lines
706 B
TypeScript
import React from 'react';
|
|
|
|
import { Emojify } from './Emojify';
|
|
|
|
import { Localizer } from '../../types/Util';
|
|
|
|
interface Props {
|
|
phoneNumber: string;
|
|
name?: string;
|
|
profileName?: string;
|
|
i18n: Localizer;
|
|
}
|
|
|
|
export class ContactName extends React.Component<Props> {
|
|
public render() {
|
|
const { phoneNumber, name, profileName, i18n } = this.props;
|
|
|
|
const title = name ? name : phoneNumber;
|
|
const profileElement =
|
|
profileName && !name ? (
|
|
<span className="profile-name">
|
|
~<Emojify text={profileName} i18n={i18n} />
|
|
</span>
|
|
) : null;
|
|
|
|
return (
|
|
<span>
|
|
<Emojify text={title} i18n={i18n} /> {profileElement}
|
|
</span>
|
|
);
|
|
}
|
|
}
|