No description
Find a file
Michał Droń c1185198f5
Payment status card improvements (#2222)
* Change table layout to flexbox

* Move taxes before total

* Move discounts above subtotal

* Add type to util function

* Remove maybes

* Improve discounts

* Change taxes message

* Make font smaller

* Query total balance in order details

* Use totalBalance from api

* Show refunded when more than 0

* Make taxes grey

* Delete unused import

* Update fixtures

* Update snapshots

* Extract messages

* Move styles to seperate file

* Fix refunded amount

* Add settled message for zero balances

* Change payment status to payment balance

* Update snapshots

* Fix messages post rebase
2022-09-01 13:47:13 +02:00
.github Deploy v3.7 to demo (#2265) 2022-08-29 11:22:29 +02:00
.tx Update translations (#1965) 2022-04-05 09:33:48 +02:00
assets Bump macaw to 0.3 (#1807) 2022-01-28 13:34:20 +01:00
cypress Add test for thumbnails (#2219) 2022-09-01 10:35:19 +02:00
lint/rules Add rule fixer 2019-12-03 16:23:42 +01:00
locale Payment status card improvements (#2222) 2022-09-01 13:47:13 +02:00
nginx fixing 404 2019-11-04 02:21:48 +07:00
recordings/User_3768991250 Don't fetch user details on login (#1909) 2022-03-23 08:15:05 +01:00
scripts Use esbuild-loader (#1983) 2022-05-05 09:54:28 +02:00
src Payment status card improvements (#2222) 2022-09-01 13:47:13 +02:00
testUtils Add trailing commas (#2062) 2022-06-21 11:36:55 +02:00
.codeclimate.yml Initial commit 2019-06-19 16:40:52 +02:00
.dockerignore add .dockerignore and fixing nginx conf for local deploy 2019-10-31 14:31:13 +07:00
.eslintrc.json Add rules of hooks (#2131) 2022-07-13 11:13:58 +02:00
.gitignore Add reports to tests (#1898) 2022-03-03 11:25:27 +01:00
.npmrc Initial commit 2019-06-19 16:40:52 +02:00
.prettierignore Use graphql-codegen (#1874) 2022-03-09 09:56:55 +01:00
.prettierrc Add trailing commas (#2062) 2022-06-21 11:36:55 +02:00
.release-it.json Add release-it script (#1034) 2021-03-30 14:37:12 +02:00
_redirects Enable Netlify redirects 2019-11-14 13:01:45 +01:00
apollo.config.js Update apollo config 2019-08-21 15:26:24 +02:00
app.json Configure Heroku integration 2019-09-22 14:30:10 +02:00
babel.config.js Use esbuild-loader (#1983) 2022-05-05 09:54:28 +02:00
CHANGELOG.md Pass query params for product and order details app mounting points (#2100) 2022-06-24 14:17:58 +02:00
codegen.yml Use graphql-codegen (#1874) 2022-03-09 09:56:55 +01:00
cypress.config.js Fix get correct domain from version (#2118) 2022-06-27 18:49:35 +02:00
Dockerfile Application Marketplace available in dashboard (#2054) 2022-06-08 08:44:28 +02:00
Dockerfile.dev Application Marketplace available in dashboard (#2054) 2022-06-08 08:44:28 +02:00
eslint-local-rules.js Add local eslint rule to enforce naming styles 2019-12-03 16:09:57 +01:00
fetch-schema.yml Use graphql-codegen (#1874) 2022-03-09 09:56:55 +01:00
introspection.json Payment status card improvements (#2222) 2022-09-01 13:47:13 +02:00
LICENSE Update LICENSE 2021-06-28 15:57:24 +02:00
lighthouserc.json Add circleci config and enhance our linters (#519) 2020-05-14 11:30:32 +02:00
lws.config.js merge changes 2021-02-11 15:17:00 +01:00
package-lock.json Bump version to 3.7.0-dev (#2231) 2022-08-25 10:34:36 +02:00
package.json Bump version to 3.7.0-dev (#2231) 2022-08-25 10:34:36 +02:00
react-intl.d.ts Attach permission variables to all queries (#1000) 2021-03-09 09:44:09 +01:00
README.md Update the imagery in README (#2244) 2022-08-19 10:32:21 +02:00
schema.graphql Payment status card improvements (#2222) 2022-09-01 13:47:13 +02:00
static.json Configure Heroku integration 2019-09-22 14:30:10 +02:00
tsconfig.json Change way of tagging tests, add stable tag (#2102) 2022-06-27 11:30:51 +02:00
webpack.config.js Application Marketplace available in dashboard (#2054) 2022-06-08 08:44:28 +02:00
webpack.d.ts Add PasswordCredential type (#868) 2020-11-30 11:26:51 +01:00

Saleor Dashboard

Saleor Dashboard

A GraphQL-powered, single-page dashboard application for Saleor.

Demo

See the public demo of Saleor Dashboard!

Or launch the demo on a free Heroku instance.

Deploy

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

  • Node.js v14+
  • A running instance of Saleor.

Installing

Clone the repository:

$ git clone https://github.com/saleor/saleor-dashboard.git

Enter the project directory:

$ cd saleor-dashboard

Using stable release

To use the official stable release, checkout to a release tag:

$ git checkout 2.11.1

See the list of all releases here: https://github.com/saleor/saleor-dashboard/releases/

Using development version

If you want to use the latest development version, checkout to the main branch:

$ git checkout main

Install NPM dependencies:

$ npm i

Configuration

Create .env file in a root directory or set environment variables with following values:

  • API_URI (required) - URI of a running instance of Saleor GraphQL API. If you are running Saleor locally with the default settings, set API_URI to: http://localhost:8000/graphql/.

  • APP_MOUNT_URI - URI at which the Dashboard app will be mounted. E.g. if you set APP_MOUNT_URI to /dashboard/, your app will be mounted at http://localhost:9000/dashboard/.

  • STATIC_URL - URL where the static files are located. E.g. if you use S3 bucket, you should set it to the bucket's URL. By default Saleor assumes you serve static files from the root of your site at http://localhost:9000/.

Development

To start the development server run:

$ npm start

Production

To build the application bundle run:

$ npm run build

Error Tracking

Saleor Dashboard is using a generic error tracking wrapper function that takes care of the most popular use cases:

  • initializing the tracker
  • capturing exceptions and (optionally) displaying the event id
  • setting basic user data (this is opt-in and disabled by default)

By default it ships with a Sentry adapter but any kind of error tracking software can be used by creating a custom adapter (using Sentry and TS types as an example).

Example:

// src/services/errorTracking/index.ts

import { CustomAdapter } from "./adapters/";

const errorTracker = ErrorTrackerFactory(CustomAdapter(config));
Usage with Sentry adapter:

Sentry is used as the default tracker so no changes in code are necessary and the configuration is done via environment variables.

The following environment variables are available:

# Required
SENTRY_DSN=

# Optional
# https://docs.sentry.io/product/cli/configuration/
SENTRY_AUTH_TOKEN=
SENTRY_ORG=
SENTRY_PROJECT=
SENTRY_URL_PREFIX=
ENVIRONMENT=

Crafted with ❤️ by Saleor Commerce