]> Untitled Git - lemmy-ui.git/blob - src/shared/components/person/cake-day.tsx
component classes v2
[lemmy-ui.git] / src / shared / components / person / cake-day.tsx
1 import { Component } from "inferno";
2 import { i18n } from "../../i18next";
3 import { Icon } from "../common/icon";
4
5 interface CakeDayProps {
6   creatorName: string;
7 }
8
9 export class CakeDay extends Component<CakeDayProps, any> {
10   render() {
11     return (
12       <div
13         className={`cake-day mx-2 d-inline-block unselectable pointer`}
14         data-tippy-content={this.cakeDayTippy()}
15       >
16         <Icon icon="cake" classes="icon-inline" />
17       </div>
18     );
19   }
20
21   cakeDayTippy(): string {
22     return i18n.t("cake_day_info", { creator_name: this.props.creatorName });
23   }
24 }