422f486de4
refs https://github.com/TryGhost/Product/issues/3832 Hopefully the scrolling finally works consistently - Fixed a bug where clicking the navigated section wouldn't scroll to it - Fixed a bug where the first click after opening settings wouldn't animate the scroll - Fixed a bug where the sidebar would always animate scroll even on the initial page load --- <!-- Leave the line below if you'd like GitHub Copilot to generate a summary from your commit --> <!-- copilot:summary --> ### <samp>🤖 Generated by Copilot at 0996b8b</samp> This pull request improves the scrolling and navigation functionality of the settings page by using a custom hook and a context provider. It refactors the `RoutingProvider` and the `useScrollSection` hook to handle the route and sidebar changes more efficiently, and simplifies the code by removing unnecessary components and state. It also adds new functions to the scroll section context data to update and scroll to the desired section. |
||
---|---|---|
.. | ||
.storybook | ||
src | ||
test | ||
.eslintrc.cjs | ||
.yarnrc | ||
index.html | ||
node-shim.cjs | ||
package.json | ||
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.
git clone
this repo &cd
into it as usual- Run
yarn
to install top-level dependencies.
Test
yarn lint
run just eslintyarn test
run lint and tests