diff --git a/src/context/intermediate/popovers/UserProfile.module.scss b/src/context/intermediate/popovers/UserProfile.module.scss index 8ff114ba..b15cb1e8 100644 --- a/src/context/intermediate/popovers/UserProfile.module.scss +++ b/src/context/intermediate/popovers/UserProfile.module.scss @@ -123,6 +123,29 @@ } } + .botStats { + background: var(--secondary-background); + border-radius: var(--border-radius); + padding: 10px; + + font-size: 12px; + + .stat { + display: flex; + align-items: center; + gap: 5px; + opacity: 0.5; + + &:nth-child(1) { + opacity: 1; + + > svg { + color: var(--accent); + } + } + } + } + > div { > span { font-size: 15px; @@ -152,6 +175,10 @@ border-radius: var(--border-radius); background-color: var(--secondary-background); + .info { + flex-grow: 1; + } + &:hover { background-color: var(--primary-background); } @@ -167,5 +194,19 @@ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; + font-size: 14px; + } +} + +.botContainer { + display: flex; + flex-direction: column; + gap: 8px; + margin-bottom: 18px; + + .owner { + text-transform: uppercase; + font-size: 10px; + font-weight: 600; } } diff --git a/src/context/intermediate/popovers/UserProfile.tsx b/src/context/intermediate/popovers/UserProfile.tsx index 8594d2db..fd47f85e 100644 --- a/src/context/intermediate/popovers/UserProfile.tsx +++ b/src/context/intermediate/popovers/UserProfile.tsx @@ -1,10 +1,17 @@ -import { ListUl } from "@styled-icons/boxicons-regular"; +import { + ListUl, + DotsVerticalRounded, + ChevronRight, +} from "@styled-icons/boxicons-regular"; import { Envelope, Edit, UserPlus, Group, InfoCircle, + BadgeCheck, + Cog, + TimeFive, } from "@styled-icons/boxicons-solid"; import { observer } from "mobx-react-lite"; import { Link, useHistory } from "react-router-dom"; @@ -157,7 +164,6 @@ export const UserProfile = observer( backgroundImage: backgroundURL && `linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url('${backgroundURL}')`, - paddingBottom: "1px", }}>
)} + {/* user.addFriend()}> + + */}
- bot owner + Bot information
-
- user.bot && - openScreen({ - id: "profile", - user_id: user.bot.owner, - }) - } - className={styles.entry} - key={user.bot.owner}> - - - +
+
+ + + This bot has been + officially verified by + Revolt + +
+
+ + Used in 456 servers +
+
+ + Bot active since{" "} + Apr 15, 2019 +
+
+
+ user.bot && + openScreen({ + id: "profile", + user_id: user.bot.owner, + }) + } + className={styles.entry} + key={user.bot.owner}> + - +
+ +
+ Bot owner +
+
+ +
) : undefined}