@arcopypaste/ui v1.1.15

UI components Library

Setup

yarn install

Dev

yarn start

How to switch between dark and light mode?

1. Manually change the background color in styleguide.config.js
2. Change the theme in src/Wrapper.js

Build

To build the UI, you need to link it to the desktop React and Material UI instances.

To do so, go to the following folders in the desktop project and run 'yarn link' in each

set -e
cd desktop
cd node_modules
    cd react && yarn link && cd ..
    cd react-dom && yarn link && cd ..
    cd @material-ui
        cd core/ && yarn link && cd ..
        cd styles/ && yarn link && cd ..
        cd system/ && yarn link && cd ..
        cd types/ && yarn link && cd ..
        cd utils/ && yarn link && cd ..
        cd lab/ && yarn link && cd ..
        cd icons/ && yarn link && cd ..
    cd ..
cd ..

Then go to the UI main folder and run

yarn link react
yarn link react-dom
yarn link @material-ui/core
yarn link @material-ui/styles
yarn link @material-ui/system
yarn link @material-ui/types
yarn link @material-ui/utils
yarn link @material-ui/icons
yarn link @material-ui/lab

This is needed only once.

Finally run "yarn run build" and you should be good to go.

Publish

yarn publish --no-git-tag-version

Then in ../desktop unlink the UI and point to the published package:

yarn unlink @arcopypaste/ui
yarn add @arcopypaste/ui
yarn link @arcopypaste/ui