Ghost/apps/admin-x-settings
Jono M 2debf686e6
Updated AdminX file upload to support drag and drop (#18691)
refs https://github.com/TryGhost/Product/issues/3831

---

### <samp>🤖 Generated by Copilot at f85ceff</samp>

This pull request adds drag and drop functionality and custom styling
options to the `FileUpload` and `ImageUpload` components, and uses them
to improve the user experience of uploading themes and user images in
the admin settings. It also fixes a minor issue with the background
color contrast in the `IntegrationHeader` component in dark mode, and
updates the corresponding tests.
2023-10-19 11:42:00 +01:00
..
.storybook AdminX storybook updates (#18503) 2023-10-09 17:04:01 +02:00
src Updated AdminX file upload to support drag and drop (#18691) 2023-10-19 11:42:00 +01:00
test Updated AdminX file upload to support drag and drop (#18691) 2023-10-19 11:42:00 +01:00
.eslintrc.cjs
.yarnrc
index.html
node-shim.cjs
package.json Added more acceptance tests for Recommendation settings (#18696) 2023-10-18 18:56:34 +00:00
playwright.config.ts
postcss.config.cjs
README.md
tailwind.config.cjs
tsconfig.json
tsconfig.node.json
vite.config.ts

Admin X Settings

Experimental re-write of Ghost Admin Settings in React

Development

Pre-requisites

  • Run yarn in Ghost monorepo root
  • Run yarn in this directory

Running the development version

Run yarn dev to start the development server to test/develop the settings standalone. This will generate a demo site from the index.html file which renders the app and makes it available on http://localhost:5173

Running inside Admin

Run yarn dev from the top-level repo with --adminX

Develop

This is a monorepo package.

Follow the instructions for the top-level repo.

  1. git clone this repo & cd into it as usual
  2. Run yarn to install top-level dependencies.

Test

  • yarn lint run just eslint
  • yarn test run lint and tests