Replaced badges with Pepchat ones (#8)
* Replaced badges with Pepchat ones * Altered server badges and reordered user badges * Added missing images and badge mapping * Correct tooltip popup text * Fixespull/1066/head
Harish Vishwakarma
GitHub
parent
13aaf70fcb
commit
49f81fdf14
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
|
|
@ -1 +0,0 @@
|
|||
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m224 0-1.63 13.03c-1.66 13.25-11.18 24.18-24.09 27.63-11.134 3.318-26.866-1.079-34.64-11.9l-7.93-10.46-55.42 32 5.12 12.13c5.18 12.3 2.41 26.51-7.03 35.95-9.156 9.01-23.117 12.277-35.95 7.03l-12.13-5.12-32 55.42 10.46 7.93c10.64 8.05 15.35 21.75 11.9 34.64-3.298 12.09-13.702 22.235-27.63 24.09l-13.03 1.63v64l13.03 1.63c13.25 1.66 24.18 11.18 27.63 24.09 3.317 11.134-1.079 26.866-11.9 34.64l-10.46 7.93 32 55.42 12.13-5.12c12.3-5.18 26.51-2.41 35.95 7.03 9.01 9.156 12.277 23.117 7.03 35.95l-5.12 12.13 55.42 32 7.93-10.46c8.05-10.64 21.75-15.35 34.64-11.9 12.09 3.298 22.235 13.702 24.09 27.63l1.63 13.03h32l22.35-255.996-22.35-256.004z" fill="#9bcfff"/><path d="m288 0 1.63 13.03c1.66 13.25 11.18 24.18 24.09 27.63 11.134 3.318 26.866-1.079 34.64-11.9l7.93-10.46 55.42 32-5.12 12.13c-5.18 12.3-2.41 26.51 7.03 35.95 9.156 9.01 23.117 12.277 35.95 7.03l12.13-5.12 32 55.42-10.46 7.93c-10.64 8.05-15.35 21.75-11.9 34.64 3.298 12.09 13.702 22.235 27.63 24.09l13.03 1.63v64l-13.03 1.63c-13.25 1.66-24.18 11.18-27.63 24.09-3.317 11.134 1.079 26.866 11.9 34.64l10.46 7.93-32 55.42-12.13-5.12c-12.3-5.18-26.51-2.41-35.95 7.03-9.01 9.156-12.277 23.117-7.03 35.95l5.12 12.13-55.42 32-7.93-10.46c-8.05-10.64-21.75-15.35-34.64-11.9-12.09 3.298-22.235 13.702-24.09 27.63l-1.63 13.03h-32v-512z" fill="#32a7ff"/><path d="m300.7 256-44.7 171.44c-94.69 0-171.44-76.75-171.44-171.44s76.75-171.44 171.44-171.44z" fill="#524a8f"/><path d="m427.44 256c0 94.69-76.75 171.44-171.44 171.44v-342.88c94.69 0 171.44 76.75 171.44 171.44z" fill="#342c6e"/><path d="m193.042 313.499-57.495-57.499 57.495-57.493 21.213 21.214-36.282 36.28 36.283 36.286z" fill="#ffeb00"/><path d="m318.958 313.5-21.213-21.214 36.282-36.28-36.283-36.286 21.214-21.212 57.495 57.499z" fill="#fb0"/><path d="m256 291.49-17.52 37.57-27.18-12.68 44.7-95.87 14.471 11.86z" fill="#ffeb00"/><path d="m300.7 195.62-44.7 95.87v-70.98l17.52-37.57z" fill="#fb0"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 2.0 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Layer_100"><path d="m59.583 47.583c0 6.628-5.372 12-12 12h-31.166c-6.628 0-12-5.372-12-12v-31.166c0-6.628 5.372-12 12-12h31.166c6.628 0 12 5.372 12 12z" fill="#ed2224"/><g fill="#fff"><path d="m19.242 18.674h-4.502c-.264 0-.505.189-.617.484-.533 1.393-1.279 2.58-2.218 3.527-.952.961-2.329 1.803-4.09 2.5-.283.113-.475.438-.475.805v5.5c0 .266.103.518.276.678.175.158.4.205.607.129 1.284-.484 2.375-1 3.238-1.535.519-.322 1.052-.705 1.593-1.146v14.454c0 .467.306.844.684.844h5.503c.377 0 .683-.377.683-.844v-24.552c.001-.467-.305-.844-.682-.844z"/><path d="m37.05 23.311c-.339-.781-.806-1.531-1.388-2.23-.598-.721-1.373-1.309-2.302-1.748-.921-.436-2.094-.658-3.49-.658-2.931 0-5.162 1.02-6.631 3.029-1.47 2.014-2.185 5.348-2.185 10.197 0 1.916.138 3.693.408 5.287.279 1.639.682 2.963 1.195 3.93.712 1.371 1.64 2.428 2.758 3.143 1.107.707 2.557 1.066 4.308 1.066 3.154 0 5.429-1.141 6.761-3.393 1.302-2.201 1.935-5.508 1.935-10.115 0-2.014-.19-3.979-.567-5.832-.2-1.008-.471-1.909-.802-2.676zm-5.676 13.425c-.161.863-.396 1.484-.7 1.842-.28.33-.586.482-.964.482-.354 0-.876-.125-1.302-1.211-.27-.689-.592-2.281-.592-5.932 0-3.623.295-5.215.543-5.91.292-.82.699-1.184 1.323-1.184.622 0 1.042.365 1.37 1.184.271.674.591 2.279.591 6.092.001 2.112-.091 3.672-.269 4.637z"/><path d="m56.093 25.986c-.2-1.008-.47-1.908-.803-2.676-.339-.781-.807-1.531-1.388-2.23-.598-.721-1.372-1.309-2.302-1.748-.921-.436-2.094-.658-3.49-.658-2.932 0-5.162 1.02-6.63 3.029-1.471 2.014-2.186 5.348-2.186 10.197 0 1.916.138 3.693.408 5.287.279 1.639.682 2.963 1.196 3.93.711 1.371 1.639 2.428 2.757 3.143 1.107.707 2.558 1.066 4.308 1.066 3.154 0 5.43-1.141 6.761-3.393 1.302-2.201 1.935-5.508 1.935-10.115 0-2.013-.19-3.978-.566-5.832zm-6.479 10.75c-.161.863-.397 1.484-.701 1.842-.278.33-.585.482-.963.482-.354 0-.875-.125-1.301-1.211-.271-.689-.593-2.281-.593-5.932 0-3.623.295-5.215.543-5.91.292-.82.699-1.184 1.323-1.184.621 0 1.043.365 1.37 1.184.271.674.591 2.279.591 6.092.001 2.112-.09 3.672-.269 4.637z"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 626 B After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
|
|
@ -1 +0,0 @@
|
|||
<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="64.00001046823172" xmlns="http://www.w3.org/2000/svg" id="screenshot" version="1.1" viewBox="-0.000008942940667111543 -0.0000033745862566547657 64.00001046823172 64.00000545874563" height="64.00000545874563" style="-webkit-print-color-adjust: exact;"><g id="shape-d9b11490-3403-11ec-bc16-7b519797d558"><rect rx="0" ry="0" x="0" y="0" transform="matrix(1.0000000000000007,-8.726646259971662e-8,-1.5707963280665485e-7,1.0000000000000124,0.000005026548230091521,0.0000027925264056705146)" width="64" height="64" style="fill: rgb(255, 255, 255); fill-opacity: 1;"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 626 B |
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
|
|
@ -79,50 +79,23 @@ export default observer(({ server }: Props) => {
|
|||
}}>
|
||||
<div className="container">
|
||||
{server.flags && server.flags & 1 ? (
|
||||
<Tooltip
|
||||
content={
|
||||
<Text id="app.special.server-badges.official" />
|
||||
}
|
||||
placement={"bottom-start"}>
|
||||
<svg width="20" height="20">
|
||||
<image
|
||||
xlinkHref="/assets/badges/verified.svg"
|
||||
height="20"
|
||||
width="20"
|
||||
/>
|
||||
<image
|
||||
xlinkHref="/assets/badges/revolt_r.svg"
|
||||
height="15"
|
||||
width="15"
|
||||
x="2"
|
||||
y="3"
|
||||
style={
|
||||
"justify-content: center; align-items: center; filter: brightness(0);"
|
||||
}
|
||||
/>
|
||||
</svg>
|
||||
<Tooltip content="Verified GB" placement={"bottom-start"}>
|
||||
<img
|
||||
src="/assets/badges/verified-GB.png"
|
||||
width="20"
|
||||
height="20"
|
||||
/>
|
||||
</Tooltip>
|
||||
) : undefined}
|
||||
{server.flags && server.flags & 2 ? (
|
||||
<Tooltip
|
||||
content={
|
||||
<Text id="app.special.server-badges.verified" />
|
||||
}
|
||||
content="Verified Vendor"
|
||||
placement={"bottom-start"}>
|
||||
<svg width="20" height="20">
|
||||
<image
|
||||
xlinkHref="/assets/badges/verified.svg"
|
||||
height="20"
|
||||
width="20"
|
||||
/>
|
||||
<foreignObject x="2" y="2" width="15" height="15">
|
||||
<Check
|
||||
size={15}
|
||||
color="black"
|
||||
strokeWidth={8}
|
||||
/>
|
||||
</foreignObject>
|
||||
</svg>
|
||||
<img
|
||||
src="/assets/badges/verified-vendor.png"
|
||||
width="20"
|
||||
height="20"
|
||||
/>
|
||||
</Tooltip>
|
||||
) : undefined}
|
||||
<a
|
||||
|
|
|
|||
|
|
@ -6,17 +6,17 @@ import { Localizer, Text } from "preact-i18n";
|
|||
import Tooltip from "../Tooltip";
|
||||
|
||||
enum Badges {
|
||||
Developer = 1,
|
||||
Translator = 2,
|
||||
Supporter = 4,
|
||||
ResponsibleDisclosure = 8,
|
||||
Founder = 16,
|
||||
PlatformModeration = 32,
|
||||
Developer = 1, // Developer
|
||||
Translator = 2, // First 100 Members
|
||||
Supporter = 4, // Supporter
|
||||
ResponsibleDisclosure = 8, // Trusted Seller
|
||||
Founder = 16, // Founder
|
||||
PlatformModeration = 32, // Administrator
|
||||
ActiveSupporter = 64,
|
||||
Paw = 128,
|
||||
EarlyAdopter = 256,
|
||||
ReservedRelevantJokeBadge1 = 512,
|
||||
ReservedRelevantJokeBadge2 = 1024,
|
||||
Paw = 128, // Clown
|
||||
EarlyAdopter = 256, // Top Contributor
|
||||
ReservedRelevantJokeBadge1 = 512, // Karen
|
||||
ReservedRelevantJokeBadge2 = 1024, // Gump
|
||||
}
|
||||
|
||||
const BadgesBase = styled.div`
|
||||
|
|
@ -39,122 +39,60 @@ export default function UserBadges({ badges, uid }: Props) {
|
|||
return (
|
||||
<BadgesBase>
|
||||
<Localizer>
|
||||
{badges & Badges.Founder ? (
|
||||
<Tooltip
|
||||
content={
|
||||
<Text id="app.special.popovers.user_profile.badges.founder" />
|
||||
}>
|
||||
{badges & Badges.Founder && (
|
||||
<Tooltip content="Founder">
|
||||
<img src="/assets/badges/founder.svg" />
|
||||
</Tooltip>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{badges & Badges.Developer ? (
|
||||
<Tooltip content={<Text id="app.navigation.tabs.dev" />}>
|
||||
<img src="/assets/badges/developer.svg" />
|
||||
{badges & Badges.Developer && (
|
||||
<Tooltip content="Developer">
|
||||
<img src="/assets/badges/developer.png" />
|
||||
</Tooltip>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{badges & Badges.Translator ? (
|
||||
<Tooltip
|
||||
content={
|
||||
<Text id="app.special.popovers.user_profile.badges.translator" />
|
||||
}>
|
||||
{badges & Badges.Translator && (
|
||||
<Tooltip content="First 100 Members">
|
||||
<img src="/assets/badges/first_100_members.svg" />
|
||||
</Tooltip>
|
||||
)}
|
||||
{badges & Badges.EarlyAdopter && (
|
||||
<Tooltip content="Top Contributor">
|
||||
<img src="/assets/badges/top-contributor.png" />
|
||||
</Tooltip>
|
||||
)}
|
||||
{badges & Badges.PlatformModeration && (
|
||||
<Tooltip content="Administrator">
|
||||
<img src="/assets/badges/administrator.png" />
|
||||
</Tooltip>
|
||||
)}
|
||||
{badges & Badges.ResponsibleDisclosure && (
|
||||
<Tooltip content="Trusted Seller">
|
||||
<img src="/assets/badges/trusted-seller.png" />
|
||||
</Tooltip>
|
||||
)}
|
||||
{badges & Badges.Supporter && (
|
||||
<Tooltip content="Supporter">
|
||||
<img
|
||||
src="/assets/badges/translator.svg"
|
||||
src="/assets/badges/supporter.png"
|
||||
style={{
|
||||
cursor: "pointer",
|
||||
}}
|
||||
onClick={() => {
|
||||
window.open(
|
||||
"https://weblate.insrt.uk/projects/revolt/web-app/",
|
||||
"_blank",
|
||||
);
|
||||
}}
|
||||
/>
|
||||
</Tooltip>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{badges & Badges.EarlyAdopter ? (
|
||||
<Tooltip
|
||||
content={
|
||||
<Text id="app.special.popovers.user_profile.badges.early_adopter" />
|
||||
}>
|
||||
<img src="/assets/badges/early_adopter.svg" />
|
||||
{badges & Badges.ReservedRelevantJokeBadge1 && (
|
||||
<Tooltip content="Karen">
|
||||
<img src="/assets/badges/karen.png" />
|
||||
</Tooltip>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{badges & Badges.PlatformModeration ? (
|
||||
<Tooltip
|
||||
content={
|
||||
<Text id="app.special.popovers.user_profile.badges.moderation" />
|
||||
}>
|
||||
<img src="/assets/badges/moderation.svg" />
|
||||
{badges & Badges.ReservedRelevantJokeBadge2 && (
|
||||
<Tooltip content="Gump">
|
||||
<img src="/assets/badges/gump.png" />
|
||||
</Tooltip>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{badges & Badges.ResponsibleDisclosure ? (
|
||||
<Tooltip
|
||||
content={
|
||||
<Text id="app.special.popovers.user_profile.badges.responsible_disclosure" />
|
||||
}>
|
||||
<Shield size={24} color="gray" />
|
||||
{badges & Badges.Paw && (
|
||||
<Tooltip content="Clown">
|
||||
<img src="/assets/badges/clown.png" />
|
||||
</Tooltip>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{badges & Badges.Supporter ? (
|
||||
<Tooltip
|
||||
content={
|
||||
<Text id="app.special.popovers.user_profile.badges.supporter" />
|
||||
}>
|
||||
<img
|
||||
src="/assets/badges/supporter.svg"
|
||||
style={{
|
||||
cursor: "pointer",
|
||||
}}
|
||||
onClick={() => {
|
||||
window.open(
|
||||
"https://insrt.uk/donate",
|
||||
"_blank",
|
||||
);
|
||||
}}
|
||||
/>
|
||||
</Tooltip>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{badges & Badges.ReservedRelevantJokeBadge1 ? (
|
||||
<Tooltip content="sus">
|
||||
<img src="/assets/badges/amog.svg" />
|
||||
</Tooltip>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{badges & Badges.ReservedRelevantJokeBadge2 ? (
|
||||
<Tooltip content="It's Morbin Time">
|
||||
<img src="/assets/badges/amorbus.svg" />
|
||||
</Tooltip>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{badges & Badges.Paw ? (
|
||||
<Tooltip content="🦊">
|
||||
<img src="/assets/badges/paw.svg" />
|
||||
</Tooltip>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
{uid === "01EX2NCWQ0CHS3QJF0FEQS1GR4" ? (
|
||||
<Tooltip content="🦝">
|
||||
<img src="/assets/badges/raccoon.svg" />
|
||||
</Tooltip>
|
||||
) : (
|
||||
<></>
|
||||
)}
|
||||
</Localizer>
|
||||
</BadgesBase>
|
||||
|
|
|
|||
Loading…
Reference in New Issue