Sentre
Searchโ€ฆ
View
The DApp's appearance
In the view, your DApp will occupy the whole viewpoint of the device; except the header of the system. You have a full right to customize it by owned style.
The page view
To implement the view, the code will be placed in ./src/view and declared by the file ./src/bootstrap.app.tsx .
// ./src/bootstrap.app.tsx
โ€‹
import { Provider } from 'react-redux'
import { UIProvider } from '@sentre/senhub'
โ€‹
import View from 'view'
โ€‹
import model from 'model'
import configs from 'configs'
โ€‹
const {
manifest: { appId },
} = configs
โ€‹
export const Page = () => {
return (
<UIProvider appId={appId} antd>
<Provider store={model}>
<View />
</Provider>
</UIProvider>
)
}
โ€‹
export * from 'static.app'
In the template, you can see that the View is exported with context providers (see Providers). Also, static files declared in static.app.tsx is exported here too. The structure in the bootstrap.app.tsx is compulsory for DApp recognition.
โ€‹
Copy link