chore: hide share pro plan (#171)

Author: appflowy

src/components/app/publish-manage/PublishManage.tsx

@@ -12,6 +12,7 @@ import PublishedPages from '@/components/app/publish-manage/PublishedPages';
 import PublishPagesSkeleton from '@/components/app/publish-manage/PublishPagesSkeleton';
 import UpdateNamespace from '@/components/app/publish-manage/UpdateNamespace';
 import { useCurrentUser, useService } from '@/components/main/app.hooks';
+import { isOfficialHost } from '@/utils/subscription';
 import { openUrl } from '@/utils/url';
 
 export function PublishManage({ onClose }: { onClose?: () => void }) {
@@ -175,6 +176,11 @@ export function PublishManage({ onClose }: { onClose?: () => void }) {
   const { getSubscriptions } = useAppHandlers();
   const [activeSubscription, setActiveSubscription] = React.useState<SubscriptionPlan | null>(null);
   const loadSubscription = useCallback(async () => {
+    if (!isOfficialHost()) {
+      setActiveSubscription(SubscriptionPlan.Pro);
+      return;
+    }
+
     try {
       const subscriptions = await getSubscriptions?.();
 

src/components/app/share/SharePanel.tsx

@@ -10,6 +10,7 @@ import { InviteGuest } from '@/components/app/share/InviteGuest';
 import { PeopleWithAccess } from '@/components/app/share/PeopleWithAccess';
 import { UpgradeBanner } from '@/components/app/share/UpgradeBanner';
 import { useCurrentUser, useService } from '@/components/main/app.hooks';
+import { isOfficialHost } from '@/utils/subscription';
 
 function SharePanel({ viewId }: { viewId: string }) {
   const currentUser = useCurrentUser();
@@ -122,6 +123,11 @@ function SharePanel({ viewId }: { viewId: string }) {
   }, [getSubscriptions]);
 
   useEffect(() => {
+    if (!isOfficialHost()) {
+      setActiveSubscriptionPaln(SubscriptionPlan.Pro);
+      return;
+    }
+
     if (isOwner || isMember) {
       void loadSubscription();
     }
@@ -141,7 +147,7 @@ function SharePanel({ viewId }: { viewId: string }) {
           hasFullAccess={hasFullAccess}
           activeSubscriptionPlan={activeSubscriptionPlan}
         />
-        <UpgradeBanner activeSubscriptionPlan={activeSubscriptionPlan} />
+        {isOfficialHost() && <UpgradeBanner activeSubscriptionPlan={activeSubscriptionPlan} />}
         <PeopleWithAccess viewId={viewId} people={people} isLoading={isLoading} onPeopleChange={refreshPeople} />
         <GeneralAccess viewId={viewId} />
         <CopyLink />

src/components/app/workspaces/InviteMember.tsx

@@ -12,6 +12,7 @@ import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Progress } from '@/components/ui/progress';
+import { isOfficialHost } from '@/utils/subscription';
 
 function InviteMember({
   workspace,
@@ -48,6 +49,11 @@ function InviteMember({
   const [activeSubscriptionPlan, setActiveSubscriptionPaln] = React.useState<SubscriptionPlan | null>(null);
 
   const loadSubscription = useCallback(async () => {
+    if (!isOfficialHost()) {
+      setActiveSubscriptionPaln(SubscriptionPlan.Pro);
+      return;
+    }
+
     try {
       const subscriptions = await getSubscriptions?.();
 

src/utils/subscription.ts

@@ -6,7 +6,7 @@
  */
 import { getConfigValue } from '@/utils/runtime-config';
 
-const OFFICIAL_HOSTNAMES = new Set(['beta.appflowy.cloud', 'test.appflowy.cloud', 'localhost:8000']);
+const OFFICIAL_HOSTNAMES = new Set(['beta.appflowy.cloud', 'test.appflowy.cloud', 'localhost']);
 
 function getBaseUrlHostname(): string | null {
     const baseUrl = getConfigValue('APPFLOWY_BASE_URL', '').trim();