fix(dcellar-web-ui): create folder error

apps/dcellar-web-ui/package.json

@@ -19,7 +19,7 @@
     "antd": "5.11.0",
     "ahooks": "3.7.7",
     "hash-wasm": "4.10.0",
-    "@bnb-chain/greenfield-js-sdk": "2.0.0-alpha.5",
+    "@bnb-chain/greenfield-js-sdk": "2.0.0-alpha.6",
     "@bnb-chain/greenfield-cosmos-types": "0.4.0-alpha.31",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",

apps/dcellar-web-ui/src/facade/common.ts

@@ -18,6 +18,14 @@ import { TempAccountEntity } from '@/store/slices/accounts';
 
 export const resolve = <R>(r: R): [R, null] => [r, null];
 
+export const resolveSpRequest = <R>(r: SpResponse<R>) => {
+  console.log('r', r);
+  if (r.code !== 0) {
+    return [null, r.message || UNKNOWN_ERROR];
+  }
+  return [r.body, null];
+};
+
 export type DeliverTxResponse = Awaited<ReturnType<TxResponse['broadcast']>>;
 
 export const getObjectInfoAndBucketQuota = async ({

apps/dcellar-web-ui/src/facade/object.ts

@@ -1,6 +1,6 @@
 import { GROUP_ID } from '@/constants/legacy';
 import { quotaRemains } from '@/facade/bucket';
-import { getObjectInfoAndBucketQuota, resolve } from '@/facade/common';
+import { getObjectInfoAndBucketQuota, resolve, resolveSpRequest } from '@/facade/common';
 import {
   E_NOT_FOUND,
   E_NO_QUOTA,
@@ -692,5 +692,5 @@ export const delegateCreateFolder = async (
 ) => {
   const client = await getClient();
 
-  return client.object.delegateCreateFolder(request, auth).then(resolve, commonFault);
+  return client.object.delegateCreateFolder(request, auth).then(resolveSpRequest, commonFault);
 };

apps/dcellar-web-ui/src/modules/object/components/CreateFolderOperation.tsx

@@ -330,7 +330,7 @@ export const CreateFolderOperation = memo<CreateFolderOperationProps>(function C
       if (error1) {
         setLoading(false);
         dispatch(setSignatureAction({}));
-        return setFormErrors([error1 || UNKNOWN_ERROR]);
+        return setFormErrors([error1]);
       } else {
         onClose();
         setLoading(false);

apps/dcellar-web-ui/src/pages/api/bill_monthly/[[...slug]].ts

@@ -1,11 +1,11 @@
 import { ALLOWED_DOMAINS, BILLING_API_URL } from '@/base/env';
-import { validateReferer } from '@/utils/req';
+import { isRefererAllowed } from '@/utils/req';
 import axios from 'axios';
 import { NextApiRequest, NextApiResponse } from 'next';
 import qs from 'query-string';
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
-  if (!validateReferer(req.headers.referer || '', ALLOWED_DOMAINS)) {
+  if (!isRefererAllowed(req.headers.referer || '', ALLOWED_DOMAINS)) {
     res.status(403).json({ message: 'Forbidden' });
   }
   const { slug, ...query } = req.query;

apps/dcellar-web-ui/src/pages/api/bill_realtime/[[...slug]].ts

@@ -1,11 +1,11 @@
 import { ALLOWED_DOMAINS, BILLING_API_URL } from '@/base/env';
-import { validateReferer } from '@/utils/req';
+import { isRefererAllowed } from '@/utils/req';
 import axios from 'axios';
 import { NextApiRequest, NextApiResponse } from 'next';
 import qs from 'query-string';
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
-  if (!validateReferer(req.headers.referer || '', ALLOWED_DOMAINS)) {
+  if (!isRefererAllowed(req.headers.referer || '', ALLOWED_DOMAINS)) {
     res.status(403).json({ message: 'Forbidden' });
   }
   const { slug, ...query } = req.query;

apps/dcellar-web-ui/src/pages/api/chart/[[...slug]].ts

@@ -2,10 +2,10 @@ import axios from 'axios';
 import qs from 'query-string';
 import { NextApiRequest, NextApiResponse } from 'next';
 import { ALLOWED_DOMAINS, EXPLORER_API_URL } from '@/base/env';
-import { validateReferer } from '@/utils/req';
+import { isRefererAllowed } from '@/utils/req';
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
-  if (!validateReferer(req.headers.referer || '', ALLOWED_DOMAINS)) {
+  if (!isRefererAllowed(req.headers.referer || '', ALLOWED_DOMAINS)) {
     res.status(403).json({ message: 'Forbidden' });
   }
   const { slug, ...query } = req.query;

apps/dcellar-web-ui/src/pages/api/policies/[[...slug]].ts

@@ -1,10 +1,10 @@
 import { ALLOWED_DOMAINS, EXPLORER_API_URL } from '@/base/env';
-import { validateReferer } from '@/utils/req';
+import { isRefererAllowed } from '@/utils/req';
 import axios from 'axios';
 import { NextApiRequest, NextApiResponse } from 'next';
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
-  if (!validateReferer(req.headers.referer || '', ALLOWED_DOMAINS)) {
+  if (!isRefererAllowed(req.headers.referer || '', ALLOWED_DOMAINS)) {
     res.status(403).json({ message: 'Forbidden' });
   }
   const { slug } = req.query;

apps/dcellar-web-ui/src/pages/api/total_cost/[[...slug]].ts

@@ -1,10 +1,10 @@
 import { ALLOWED_DOMAINS, BILLING_API_URL } from '@/base/env';
-import { validateReferer } from '@/utils/req';
+import { isRefererAllowed } from '@/utils/req';
 import axios from 'axios';
 import { NextApiRequest, NextApiResponse } from 'next';
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {
-  if (!validateReferer(req.headers.referer || '', ALLOWED_DOMAINS)) {
+  if (!isRefererAllowed(req.headers.referer || '', ALLOWED_DOMAINS)) {
     res.status(403).json({ message: 'Forbidden' });
   }
   const { slug } = req.query;

apps/dcellar-web-ui/src/utils/req.ts

@@ -1,11 +1,15 @@
-const localhostDomains = ['localhost', '127.0.0.1', '::1'];
+const validLocalhostDomains: readonly string[] = ['localhost', '127.0.0.1', '::1'];
 
-export function validateReferer(referrer: string, allowedDomains: string) {
-  if (!referrer) {
+export function isRefererAllowed(referrerURL: string, allowedDomainList: string): boolean {
+  if (!referrerURL) {
     return false;
   }
-  const domain = new URL(referrer).hostname;
-  const domains = allowedDomains.split(',').concat(localhostDomains);
 
-  return domains.includes(domain);
+  const domain = new URL(referrerURL).hostname;
+  const domains = allowedDomainList
+    .split(',')
+    .map((domain) => domain.trim())
+    .concat(validLocalhostDomains);
+
+  return domains.some((allowedDomain) => domain.endsWith(allowedDomain));
 }