added soul name styles

masa-finance · May 25, 2023 · c6cec1d · c6cec1d
1 parent e3361c7
commit c6cec1d
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 9 deletions.
diff --git a/src/components/masa-interface/pages/create-soulname/create-soulname.tsx b/src/components/masa-interface/pages/create-soulname/create-soulname.tsx
@@ -23,6 +23,7 @@ export const InterfaceCreateSoulname = (): JSX.Element => {
     forcedPage,
     setForcedPage,
     reloadSoulnames,
+    soulNameStyle,
   } = useMasa();
   const [enabledMethods, setEnabledMethods] = useState<string[]>([]);
 
@@ -162,13 +163,15 @@ export const InterfaceCreateSoulname = (): JSX.Element => {
         await masa?.soulName.create(
           paymentMethod,
           soulname,
-          registrationPeriod
+          registrationPeriod,
+          soulNameStyle
         );
       } else {
         await handlePurchaseIdentityWithSoulname?.(
           paymentMethod,
           soulname,
-          registrationPeriod
+          registrationPeriod,
+          soulNameStyle
         );
       }
 

diff --git a/src/components/new-modal/modals/CreateSoulnameModal.tsx b/src/components/new-modal/modals/CreateSoulnameModal.tsx
@@ -23,6 +23,7 @@ const CreateSoulnameModal = (): JSX.Element => {
     forcedPage,
     setForcedPage,
     reloadSoulnames,
+    soulNameStyle,
   } = useMasa();
   const [enabledMethods, setEnabledMethods] = useState<string[]>([]);
 
@@ -162,13 +163,15 @@ const CreateSoulnameModal = (): JSX.Element => {
         await masa?.soulName.create(
           paymentMethod,
           soulname,
-          registrationPeriod
+          registrationPeriod,
+          soulNameStyle
         );
       } else {
         await handlePurchaseIdentityWithSoulname?.(
           paymentMethod,
           soulname,
-          registrationPeriod
+          registrationPeriod,
+          soulNameStyle
         );
       }
 

diff --git a/src/provider/masa-context-provider.tsx b/src/provider/masa-context-provider.tsx
@@ -55,6 +55,7 @@ export interface MasaContextProviderProps extends MasaShape {
     SoulNameAddress: string;
     SoulStoreAddress: string;
   };
+  soulNameStyle?: string;
 }
 
 export const MasaContextProvider = ({
@@ -80,6 +81,7 @@ export const MasaContextProvider = ({
   apiUrl,
   useRainbowKitWalletConnect = false,
   contractAddressOverrides,
+  soulNameStyle,
 }: MasaContextProviderProps): JSX.Element => {
   // masa
   const [masaInstance, setMasaInstance] = useState<Masa | undefined>();
@@ -359,6 +361,7 @@ export const MasaContextProvider = ({
     soulnames,
     isSoulnamesLoading,
     reloadSoulnames,
+    soulNameStyle,
 
     // greens
     greens,

diff --git a/src/provider/masa-shape.ts b/src/provider/masa-shape.ts
@@ -66,7 +66,8 @@ export interface MasaShape {
   handlePurchaseIdentityWithSoulname?: (
     paymentMethod: PaymentMethod,
     soulname: string,
-    registrationPrice: number
+    registrationPrice: number,
+    style?: string
   ) => Promise<boolean>;
   reloadIdentity?: () => void;
 
@@ -90,6 +91,7 @@ export interface MasaShape {
   soulnames?: SoulNameDetails[];
   isSoulnamesLoading?: boolean;
   reloadSoulnames?: () => void;
+  soulNameStyle?: string;
 
   // greens
   greens?: {

diff --git a/src/provider/modules/identity/identity.ts b/src/provider/modules/identity/identity.ts
@@ -81,7 +81,8 @@ export const useIdentity = (
   handlePurchaseIdentityWithSoulname: (
     paymentMethod: PaymentMethod,
     soulname: string,
-    registrationPeriod: number
+    registrationPeriod: number,
+    style?: string
   ) => Promise<boolean>;
   status: string;
   isIdentityLoading: boolean;

diff --git a/src/provider/modules/soulnames/soulnames.ts b/src/provider/modules/soulnames/soulnames.ts
@@ -72,7 +72,8 @@ export const useSoulnames = (
   handlePurchaseSoulname: (
     soulname: string,
     registrationPeriod: number,
-    paymentMethod: PaymentMethod
+    paymentMethod: PaymentMethod,
+    style?: string
   ) => Promise<boolean>;
   error: unknown;
 } => {
@@ -83,12 +84,14 @@ export const useSoulnames = (
     async (
       soulname: string,
       registrationPeriod: number,
-      paymentMethod: PaymentMethod
+      paymentMethod: PaymentMethod,
+      style?: string
     ) => {
       const result = await masa?.soulName.create(
         paymentMethod,
         soulname,
-        registrationPeriod
+        registrationPeriod,
+        style
       );
 
       await queryClient.invalidateQueries(['soulnames']);