gtsocial-umbx

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

fake-toot.jsx (1590B)


      1 /*
      2 	GoToSocial
      3 	Copyright (C) GoToSocial Authors admin@gotosocial.org
      4 	SPDX-License-Identifier: AGPL-3.0-or-later
      5 
      6 	This program is free software: you can redistribute it and/or modify
      7 	it under the terms of the GNU Affero General Public License as published by
      8 	the Free Software Foundation, either version 3 of the License, or
      9 	(at your option) any later version.
     10 
     11 	This program is distributed in the hope that it will be useful,
     12 	but WITHOUT ANY WARRANTY; without even the implied warranty of
     13 	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
     14 	GNU Affero General Public License for more details.
     15 
     16 	You should have received a copy of the GNU Affero General Public License
     17 	along with this program.  If not, see <http://www.gnu.org/licenses/>.
     18 */
     19 
     20 "use strict";
     21 
     22 const React = require("react");
     23 
     24 const query = require("../lib/query");
     25 
     26 module.exports = function FakeToot({ children }) {
     27 	const { data: account = {
     28 		avatar: "/assets/default_avatars/GoToSocial_icon1.png",
     29 		display_name: "",
     30 		username: ""
     31 	} } = query.useVerifyCredentialsQuery();
     32 
     33 	return (
     34 		<article className="toot expanded">
     35 			<section className="author">
     36 				<a>
     37 					<img className="avatar" src={account.avatar} alt="" />
     38 					<span className="displayname">
     39 						{account.display_name.trim().length > 0 ? account.display_name : account.username}
     40 						<span className="sr-only">.</span>
     41 					</span>
     42 					<span className="username">@{account.username}</span>
     43 				</a>
     44 			</section>
     45 			<section className="body">
     46 				<div className="text">
     47 					{children}
     48 				</div>
     49 			</section>
     50 		</article>
     51 	);
     52 };