RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-11 03:24:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #86 from PX-Byte/set-user-clickable-in-followers-list

Browse Source 
Set user clickable in followers list
This commit is contained in:
srgooglo 2022-11-30 15:36:31 +01:00 committed by GitHub
commit ac69ea5746
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/app/src/components/FollowersList/index.jsx
View File

@ -5,6 +5,10 @@ import { Icons } from "components/Icons"
import "./index.less" import "./index.less"
export default (props) => { export default (props) => {
const goToProfile = (username) => {
window.app.goToAccount(username)
}
if (props.followers.length === 0) { if (props.followers.length === 0) {
return <antd.Result return <antd.Result
icon={<Icons.UserX style={{ fontSize: "50px" }} />} icon={<Icons.UserX style={{ fontSize: "50px" }} />}
@ -20,7 +24,7 @@ export default (props) => {
return <div className="followersList"> return <div className="followersList">
{props.followers.map((follower) => { {props.followers.map((follower) => {
return <div className="follower"> return <div className="follower" onClick={() => goToProfile(follower.username)}>
<div className="avatar"> <div className="avatar">
<antd.Avatar shape="square" src={follower.avatar} /> <antd.Avatar shape="square" src={follower.avatar} />
</div> </div>
@ -29,7 +33,6 @@ export default (props) => {
<h2> <h2>
{follower.fullName ?? follower.username} {follower.fullName ?? follower.username}
</h2> </h2>
</div> </div>
<div> <div>
<span> <span>

1
packages/app/src/components/FollowersList/index.less
View File

@ -38,6 +38,7 @@
width : 100%; width : 100%;
//max-width: 50vw; //max-width: 50vw;
cursor : pointer;
padding : 10px; padding : 10px;
display : inline-flex; display : inline-flex;
align-items : center; align-items : center;