fix: max width, badge settings, tweak rarity

verbiricha · Dec 22, 2023 · b2f24e5 · b2f24e5 · vercel · Dec 22, 2023
1 parent e82a95b
commit b2f24e5
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 8 deletions.
diff --git a/apps/badges/core/rarity.ts b/apps/badges/core/rarity.ts
@@ -20,10 +20,10 @@ export function getPow(id: string) {
   return nip13.getPow(id);
 }
 
-const LEGENDARY = 128;
-const EPIC = 64;
-const SUPER_RARE = 32;
-const RARE = 21;
+const LEGENDARY = 64;
+const EPIC = 32;
+const SUPER_RARE = 21;
+const RARE = 12;
 
 export function getMinPow(r: Rarities): number {
   if (r === Rarities.Legendary) {

diff --git a/apps/badges/ui/badge-award.tsx b/apps/badges/ui/badge-award.tsx
@@ -42,7 +42,7 @@ export default function BadgeAward({ award, profile }: BadgeAwardProps) {
         <AvatarGroup pubkeys={pubkeys} />
       </HStack>
       {badge && <Badge event={badge} />}
-      {badge && profile && session?.pubkey && (
+      {badge && profile && isForMe && (
         <BadgeSettings
           badge={badge}
           award={award}

diff --git a/apps/badges/ui/const.ts b/apps/badges/ui/const.ts
@@ -1,2 +1,3 @@
 export const gradient =
   "linear-gradient(90deg, #B10BA5 0%, #CB5A7B 50%, #E29F56 100%)";
+export const maxWidth = "72rem";
diff --git a/apps/badges/ui/header.tsx b/apps/badges/ui/header.tsx
@@ -26,6 +26,7 @@ import { nip19 } from "nostr-tools";
 import ColorModeSwitch from "./color-mode-switch";
 import Link from "./link";
 import Avatar from "./avatar";
+import { maxWidth } from "./const";
 
 import { useIntl } from "react-intl";
 
@@ -39,7 +40,7 @@ export default function Header() {
       alignItems="center"
       justifyContent="space-between"
       width="100%"
-      maxWidth="60rem"
+      maxWidth={maxWidth}
       py={2}
       px={4}
     >

diff --git a/apps/badges/ui/main.tsx b/apps/badges/ui/main.tsx
@@ -1,12 +1,13 @@
 import { Stack, StackProps } from "@chakra-ui/react";
 
+import { maxWidth } from "./const";
+
 export default function Main(props: StackProps) {
   return (
     <Stack
       spacing="1.5rem"
       width="100%"
-      maxWidth="60rem"
-      pt="2rem"
+      maxWidth={maxWidth}
       px="1rem"
       {...props}
     />