diff --git a/packages/app/src/components/FollowersList/index.jsx b/packages/app/src/components/FollowersList/index.jsx new file mode 100644 index 00000000..9fd9bc94 --- /dev/null +++ b/packages/app/src/components/FollowersList/index.jsx @@ -0,0 +1,26 @@ +import React from "react" +import * as antd from "antd" +import { Icons } from "components/Icons" + +import "./index.less" + +export default (props) => { + if (props.followers.length === 0) { + return } + > +

+ It's seems this user has no followers, yet. +

+

+ Maybe you can help them out? +

+
+ } + + return props.followers.map((follower) => { + return
+ {follower.username} +
+ }) +} \ No newline at end of file diff --git a/packages/app/src/components/FollowersList/index.less b/packages/app/src/components/FollowersList/index.less new file mode 100644 index 00000000..e8510981 --- /dev/null +++ b/packages/app/src/components/FollowersList/index.less @@ -0,0 +1,33 @@ +@borderRadius: 12px; + +.ant-result { + display : flex; + flex-direction: column; + align-items : center; +} + +.ant-result-icon { + background-color: var(--background-color-accent); + border-radius : @borderRadius; + width : fit-content; + padding : 20px; + + svg { + margin: 0; + color : var(--background-color-contrast); + } +} + +.ant-result-content { + background-color: var(--background-color-accent); + border-radius : @borderRadius; + + h2 { + color: var(--background-color-contrast); + } + + h3 { + color : var(--background-color-contrast); + font-weight: 100; + } +} \ No newline at end of file diff --git a/packages/app/src/components/index.js b/packages/app/src/components/index.js index 8ff6d646..5293b63a 100644 --- a/packages/app/src/components/index.js +++ b/packages/app/src/components/index.js @@ -32,6 +32,9 @@ export { default as PostsFeed } from "./PostsFeed" export { default as PostCard } from "./PostCard" export { default as PostCreator } from "./PostCreator" +// USERS +export { default as FollowersList } from "./FollowersList" + // OTHERS export * as AdminTools from "./AdminTools" export * as AboutApp from "./AboutApp"