Header cleanups (#2586)

This commit is contained in:
Jaco Greeff 2020-04-20 08:39:44 +02:00 committed by GitHub
parent 346cb421f2
commit a1fd6e90ba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 7 additions and 28 deletions

View File

@ -1,22 +1 @@
# @polkadot/app-123code
A simple template to get started with adding an "app" to this UI. It contains the bare minimum for a nicely hackable app (if you just want to code _somewhere_) and the steps needed to create, add and register an new app that appears in the UI.
## adding an app
If you want to add a new app to the UI, this is the place to start.
1. Duplicate this `app-123code` folder and give it an appropriate name, in this case we will select `app-example` to keep things clear.
2. Edit the `apps-example/package.json` app description, i.e. the name, author and relevant overview.
And we have the basic app source setup, time to get the tooling correct.
3. Add the new app to the TypeScript config in root, `tsconfig.json`, i.e. an entry such as `"@polkadot/app-example/*": [ "packages/app-example/src/*" ],`
At this point the app should be buildable, but not quite reachable. The final step is to add it to the actual sidebar in `apps`.
4. In `apps/src/routing/` duplicate the `123code.ts` file to `example.ts` and edit it with the appropriate information, including the hash link, name and icon (any icon name from semantic-ui-react/font-awesome 4 should be appropriate).
5. In the above description file, the `isHidden` field needs to be toggled to make it appear - the base template is hidden by default.
6. Finally add the `template` to the `apps/src/routing/index.ts` file at the appropriate place for both full and light mode (either optional)
Yes. After all that we have things hooked up. Run `yarn start` and your new app (non-coded) should show up. Now start having fun and building something great.
# @polkadot/app-dashboard

View File

@ -1,4 +1,4 @@
// Copyright 2017-2020 @polkadot/app-123code authors & contributors
// Copyright 2017-2020 @polkadot/app-js authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.

View File

@ -1,4 +1,4 @@
// Copyright 2017-2020 @polkadot/app-123code authors & contributors
// Copyright 2017-2020 @polkadot/app-js authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.

View File

@ -1,4 +1,4 @@
// Copyright 2017-2020 @polkadot/app-123code authors & contributors
// Copyright 2017-2020 @polkadot/app-js authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.
import { I18nProps } from '@polkadot/react-components/types';

View File

@ -1,4 +1,4 @@
// Copyright 2017-2020 @polkadot/app-123code authors & contributors
// Copyright 2017-2020 @polkadot/app-js authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.

View File

@ -1,4 +1,4 @@
// Copyright 2017-2020 @polkadot/app-123code authors & contributors
// Copyright 2017-2020 @polkadot/app-js authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.

View File

@ -1,4 +1,4 @@
// Copyright 2017-2020 @polkadot/app-123code authors & contributors
// Copyright 2017-2020 @polkadot/react-components authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.