fake-profile.jsx (1761B)
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 module.exports = function FakeProfile({ avatar, header, display_name, username, role }) { 25 return ( // Keep in sync with web/template/profile.tmpl 26 <div className="profile"> 27 <div className="header"> 28 <div className="header-image"> 29 <img src={header} alt={header ? `header image for ${username}` : "None set"} /> 30 </div> 31 <div className="basic-info" aria-hidden="true"> 32 <a className="avatar" href={avatar}> 33 <img src={avatar} alt={avatar ? `avatar image for ${username}` : "None set"} /> 34 </a> 35 <span className="displayname text-cutoff"> 36 {display_name.trim().length > 0 ? display_name : username} 37 <span className="sr-only">.</span> 38 </span> 39 <span className="username text-cutoff">@{username}</span> 40 {(role && role.name != "user") && 41 <div className={`role ${role.name}`}> 42 <span className="sr-only">Role: </span>{role.name} 43 </div> 44 } 45 </div> 46 </div> 47 </div> 48 ); 49 };