Prod Release

src/components/Create/Create.consts.ts

@@ -1,11 +1,12 @@
-import React from 'react'
 import { interfaces as peanutInterfaces } from '@squirrel-labs/peanut-sdk'
+import React from 'react'
 
 import * as createLinkViews from './Link'
 
 export type CreateType = 'link' | 'direct' | 'email_link' | 'sms_link' | undefined
 
-export type CreateScreens = 'INITIAL' | 'INPUT' | 'CONFIRM' | 'SUCCESS'
+// note: removed 'INITIAL' view temporarily
+export type CreateScreens = 'INPUT' | 'CONFIRM' | 'SUCCESS'
 
 export interface IAttachmentOptions {
     fileUrl: string | undefined
@@ -19,7 +20,7 @@ export interface ICreateScreenState {
 }
 
 export const INIT_VIEW_STATE: ICreateScreenState = {
-    screen: 'INITIAL',
+    screen: 'INPUT',
     idx: 0,
 }
 export interface ICreateScreenProps {
@@ -73,10 +74,11 @@ export interface ICreateScreenProps {
     setUsdValue: (value: string | undefined) => void
 }
 
-export const CREATE_SCREEN_FLOW: CreateScreens[] = ['INITIAL', 'INPUT', 'CONFIRM', 'SUCCESS']
+export const CREATE_SCREEN_FLOW: CreateScreens[] = ['INPUT', 'CONFIRM', 'SUCCESS']
 
 export const CREATE_SCREEN_MAP: { [key in CreateScreens]: { comp: React.FC<any> } } = {
-    INITIAL: { comp: createLinkViews.CreateLinkInitialView },
+    // todo: revisit when have more clarificitaion on flow
+    // INITIAL: { comp: createLinkViews.CreateLinkInitialView },
     INPUT: { comp: createLinkViews.CreateLinkInputView },
     CONFIRM: { comp: createLinkViews.CreateLinkConfirmView },
     SUCCESS: { comp: createLinkViews.CreateLinkSuccessView },

src/components/Create/Create.tsx

@@ -1,14 +1,14 @@
 'use client'
 
-import { createElement, useContext, useEffect, useState } from 'react'
 import { interfaces as peanutInterfaces } from '@squirrel-labs/peanut-sdk'
+import { createElement, useContext, useEffect, useState } from 'react'
 
-import * as _consts from './Create.consts'
 import * as context from '@/context'
+import { useBalance } from '@/hooks/useBalance'
 import * as utils from '@/utils'
-import { useAccount } from 'wagmi'
 import SafeAppsSDK from '@safe-global/safe-apps-sdk'
-import { useBalance } from '@/hooks/useBalance'
+import { useAccount } from 'wagmi'
+import * as _consts from './Create.consts'
 
 export const Create = () => {
     const [step, setStep] = useState<_consts.ICreateScreenState>(_consts.INIT_VIEW_STATE)
@@ -121,7 +121,7 @@ export const Create = () => {
     }, [address])
 
     return (
-        <div className="card max-w-lg">
+        <div className="card">
             {createElement(_consts.CREATE_SCREEN_MAP[step.screen].comp, {
                 onPrev: handleOnPrev,
                 onNext: handleOnNext,