Customize Components

Gnosis Protocol Web has some built-in configuration parameters, that allow, among other things to use your own token list, rebrand it.

This section, shows how to modify any React component, so you can add new pages, modify the existing ones, or modify the layout and styles.

Override React components

This app employs overrides from an alternative source (custom/ directory) for easy swap in of imported files.

Override works for absolute paths that make use of baseUrl That is if there are two files:

• src/pages/About.tsx
• custom/pages/About.tsx

import About from 'pages/About'
// will try resolving from custom/ first and failing that from src/

NOTE: If you are forking the project, you might want to delete the custom/.gitignore file so you can commit a config file and components inside the custom directory.