Add Link to PocketBase Admin Panel

pedrozadotdev · Jun 7, 2024 · a821bc0 · a821bc0
1 parent 29130e4
commit a821bc0
Show file tree

Hide file tree

Showing 6 changed files with 44 additions and 20 deletions.
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -36,7 +36,7 @@ jobs:
         with:
           distribution: goreleaser
           version: latest
-          args: release --clean --skip-validate
+          args: release --clean --skip=validate
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       - name: Build and Publish Package

diff --git a/client/packages/openblocks/src/i18n/locales/en.ts b/client/packages/openblocks/src/i18n/locales/en.ts
@@ -1894,6 +1894,7 @@ export const en = {
     preview: "Preview",
     editError: "History preview mode, no operation is supported.",
     clone: "Clone",
+    pocketbasePanel: "Pocketbase Admin Panel",
   },
   userAuth: {
     registerByEmail: "Sign up",

diff --git a/client/packages/openblocks/src/i18n/locales/pt.ts b/client/packages/openblocks/src/i18n/locales/pt.ts
@@ -1945,6 +1945,7 @@ export const pt = {
     editError:
       "Modo de visualização de histórico, nenhuma operação é suportada.",
     clone: "Clonar",
+    pocketbasePanel: "Painel Administrativo do Pocketbase",
   },
   userAuth: {
     registerByEmail: "Registre-se",

diff --git a/client/packages/openblocks/src/pages/common/header.tsx b/client/packages/openblocks/src/pages/common/header.tsx
@@ -466,7 +466,26 @@ export function AppHeader() {
       <LogoWithName branding={!user.orgDev} />
     </StyledLink>
   );
-  const headerEnd = <HeaderProfile user={user} />;
+  const headerEnd = (
+    <>
+      {user.orgDev && (
+        <div title={trans("header.pocketbasePanel")}>
+          <StyledLink
+            onClick={() => {
+              window.open("/_", "_blank");
+            }}
+          >
+            <img
+              src="/_/images/logo.svg"
+              alt="PocketBase Logo"
+              style={{ maxHeight: 24 }}
+            />
+          </StyledLink>
+        </div>
+      )}
+      <HeaderProfile user={user} />;
+    </>
+  );
   return (
     <LayoutHeader
       headerStart={headerStart}

diff --git a/client/packages/openblocks/src/pages/setting/profile/profileInfoCard.tsx b/client/packages/openblocks/src/pages/setting/profile/profileInfoCard.tsx
@@ -36,23 +36,26 @@ export function ProfileInfoCard(props: ProfileModalCardProps) {
   const username = user.connections?.find(c => c.source === UserConnectionSource.email)?.rawUserInfo?.username as string | undefined
   return (
     <>
-      <HeadNameFiled /> 
-      <ProfileInfoItem
-        key="email"
-        titleLabel="Email:"
-        infoLabel={trans("profile.loginAfterBind", { name: trans("profile.email") })}
-        value={email}
-        actionButtonConfig={{
-          label: trans("profile.change"),
-          onClick: () => {
-            setModalContent(<EmailCard />);
-            setTitle(trans("profile.change") + " Email");
-            setShowBackLink(true);
-          },
-          hidden: !!provider || !allowUpdate.includes("email") || !smtp
-        }}
-      />
-      { !provider && (
+      <HeadNameFiled />
+      { type.includes("email") && (
+        <ProfileInfoItem
+          key="email"
+          titleLabel="Email:"
+          infoLabel={trans("profile.loginAfterBind", { name: trans("profile.email") })}
+          value={email}
+          actionButtonConfig={{
+            label: trans("profile.change"),
+            onClick: () => {
+              setModalContent(<EmailCard />);
+              setTitle(trans("profile.change") + " Email");
+              setShowBackLink(true);
+            },
+            hidden: !!provider || !allowUpdate.includes("email") || !smtp
+          }}
+        /> )
+      } 
+
+      { !provider && type.includes("username") && (
         <>
           { mask && (
             <TacoInput

diff --git a/client/packages/openblocks/src/pages/userAuth/formLogin.tsx b/client/packages/openblocks/src/pages/userAuth/formLogin.tsx
@@ -33,7 +33,7 @@ function createInputLabel({ label, type, mask }: any, cap = true): string {
   if(type.length > 1 && !mask) {
     return `${EMAIL}/${LABEL || USERNAME}`
   }
-  return LABEL || EMAIL
+  return LABEL || (type[0] === "email" ? EMAIL : USERNAME)
 }
 
 export default function FormLogin() {