fix: update styling and other improvements

geyserfund · Oct 31, 2023 · eee9e11 · eee9e11
1 parent 9528c49
commit eee9e11
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 23 deletions.
diff --git a/src/pages/projectDashboard/ProjectDashboard.tsx b/src/pages/projectDashboard/ProjectDashboard.tsx
@@ -37,14 +37,14 @@ export const projectSections: Record<string, DashboardSection> = {
     label: 'Connect wallet',
     path: 'dashboardWallet',
   },
-  settings: {
-    label: 'Project settings',
-    path: 'dashboardSettings',
-  },
   nostr: {
     label: 'Nostr settings',
     path: 'dashboardNostr',
   },
+  settings: {
+    label: 'Project settings',
+    path: 'dashboardSettings',
+  },
 }
 
 const sections = { ...projectSections }

diff --git a/src/pages/projectDashboard/components/ExportNostrKeysModal.tsx b/src/pages/projectDashboard/components/ExportNostrKeysModal.tsx
@@ -31,7 +31,7 @@ export const ExportNostrKeysModal = ({
 
   const { loading, data } = useProjectNostrKeysQuery({
     variables: { where: { id: projectId } },
-    skip: !projectId,
+    skip: !projectId || !isOpen,
   })
 
   const projectNostrKeys = data?.projectGet?.keys.nostrKeys

diff --git a/src/pages/projectDashboard/sections/ProjectNostrSettings.tsx b/src/pages/projectDashboard/sections/ProjectNostrSettings.tsx
@@ -89,10 +89,6 @@ export const ProjectNostrSettings = () => {
             borderRadius={'8px'}
             alignItems="flex-start"
           >
-            <Input
-              width="full"
-              value={`nsec***********************************************`}
-            />
             <Body2 color="secondary.red">
               {t(
                 'Warning: Before exporting your private keys, make sure to read the following message.',

diff --git a/src/pages/projectView/projectMainBody/components/NpubDisplay.tsx b/src/pages/projectView/projectMainBody/components/NpubDisplay.tsx
@@ -8,9 +8,10 @@ import { copyTextToClipboard } from '../../../../utils'
 
 interface NpubDisplayProps extends ButtonProps {
   npub: string
+  iconOnly?: boolean
 }
 
-export const NpubDisplay = ({ npub, ...rest }: NpubDisplayProps) => {
+export const NpubDisplay = ({ npub, iconOnly, ...rest }: NpubDisplayProps) => {
   const { t } = useTranslation()
   const [copy, setCopy] = useState(false)
 
@@ -53,14 +54,16 @@ export const NpubDisplay = ({ npub, ...rest }: NpubDisplayProps) => {
               color={'neutral.600'}
             />
           }
-          <Body1
-            semiBold
-            isTruncated
-            onClick={handleOnCopy}
-            color={'neutral.600'}
-          >
-            {`${text}`}
-          </Body1>
+          {!iconOnly && (
+            <Body1
+              semiBold
+              isTruncated
+              onClick={handleOnCopy}
+              color={'neutral.600'}
+            >
+              {`${text}`}
+            </Body1>
+          )}
         </HStack>
       </Button>
     </Tooltip>

diff --git a/src/pages/projectView/projectMainBody/sections/CreatorSocial.tsx b/src/pages/projectView/projectMainBody/sections/CreatorSocial.tsx
@@ -9,7 +9,10 @@ import { useExternalAccountsButtons } from '../../../../hooks/useExternalAccount
 import { NpubDisplay } from '../components/NpubDisplay'
 
 export const CreatorSocial = () => {
-  const isMd = useBreakpointValue({ base: false, md: true }, { ssr: false })
+  const isMd = useBreakpointValue(
+    { base: true, sm: false, md: false, lg: true, xl: false },
+    { ssr: false },
+  )
   const { project } = useProjectContext()
 
   const user = project?.owners[0]?.user
@@ -55,7 +58,7 @@ export const CreatorSocial = () => {
             }
 
             if (key === 'nostr') {
-              return <NpubDisplay key={index} npub={username} />
+              return <NpubDisplay key={index} npub={username} iconOnly={isMd} />
             }
 
             return (
@@ -73,7 +76,7 @@ export const CreatorSocial = () => {
                 py={1}
               >
                 {icon}
-                {isMd ? (
+                {!isMd ? (
                   <Body1 semiBold ml={2} maxW="12em" isTruncated>
                     {username}
                   </Body1>

diff --git a/src/translations/English.json b/src/translations/English.json
@@ -733,6 +733,7 @@
   "Handle the key with a lot of care. Anyone holding the private key can post on the project's behalf. If you leak your private key, the project risks being compromised, and there is nothing Geyser can do to prevent it.": "Handle the key with a lot of care. Anyone holding the private key can post on the project's behalf. If you leak your private key, the project risks being compromised, and there is nothing Geyser can do to prevent it.",
   "The Relays": "The Relays",
   "These are the relays that we publish to.": "These are the relays that we publish to.",
-  "Copy Lightning Address / Nostr identifier (NIP-05)'":"Copy Lightning Address / Nostr identifier (NIP-05)"
-
+  "Copy Lightning Address / Nostr identifier (NIP-05)":"Copy Lightning Address / Nostr identifier (NIP-05)",
+  "Share":"Share",
+  "followers":"followers"
 }