From d3302046cccddb735e128cd91602a1470d834f0b Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Sat, 20 Apr 2024 23:47:03 +0200 Subject: [PATCH] [docs] Fix 301 Toolpad links --- docs/pages/blog/2023-toolpad-beta-announcement.md | 4 ++-- docs/pages/blog/toolpad-use-cases.md | 8 ++++---- docs/src/route.ts | 2 +- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/docs/pages/blog/2023-toolpad-beta-announcement.md b/docs/pages/blog/2023-toolpad-beta-announcement.md index 72eb04370fde69..b07397ddd8609c 100644 --- a/docs/pages/blog/2023-toolpad-beta-announcement.md +++ b/docs/pages/blog/2023-toolpad-beta-announcement.md @@ -59,7 +59,7 @@ A Postman-like query builder allows you to integrate any REST API quickly. A bin ### 3. Bring your own components -Toolpad can import [external React components](https://mui.com/toolpad/concepts/custom-components/), ready to be used in its visual designer. Your past effort shouldn't go to waste and you shouldn't be limited by the stock component suite. +Toolpad can import [external React components](https://mui.com/toolpad/studio/concepts/custom-components/), ready to be used in its visual designer. Your past effort shouldn't go to waste and you shouldn't be limited by the stock component suite. ### 4. Bring your own back-end @@ -97,7 +97,7 @@ Lastly, Toolpad is the only product that offers a drag-and-drop UI builder close ## How can I use Toolpad? -Toolpad is available as an npm package. Follow the [Installation guide](https://mui.com/toolpad/getting-started/installation/) in the docs to get started. +Toolpad is available as an npm package. Follow the [Installation guide](https://mui.com/toolpad/studio/getting-started/installation/) in the docs to get started. You can learn more about Toolpad by visiting the [home page](https://mui.com/toolpad/). Toolpad documentation and instructions on how to use it diff --git a/docs/pages/blog/toolpad-use-cases.md b/docs/pages/blog/toolpad-use-cases.md index 05c7bc9d8a5212..8fc2bab05029e6 100644 --- a/docs/pages/blog/toolpad-use-cases.md +++ b/docs/pages/blog/toolpad-use-cases.md @@ -40,16 +40,16 @@ They share their issue through a Priority Support template in our repository whe Here's how we built an app for this: The [`updateMuiPaidSupport.ts`](https://github.com/mui/mui-public/blob/master/tools-public/toolpad/resources/updateMuiPaidSupport.ts) file hosts all functions that are called from Toolpad. -It uses the [custom function](https://mui.com/toolpad/concepts/custom-functions/) feature and combines GitHub Actions, Google Sheets, and Octokit to read and verify user information. +It uses the [custom function](https://mui.com/toolpad/studio/concepts/custom-functions/) feature and combines GitHub Actions, Google Sheets, and Octokit to read and verify user information. The fetched data is then bound to the UI components. -It uses Toolpad's [page parameters](https://mui.com/toolpad/concepts/page-properties/#page-parameters), [secrets handling](https://mui.com/toolpad/concepts/custom-functions/#secrets-handling), [shell removal](https://mui.com/toolpad/concepts/page-properties/#display-mode), and custom styling features. +It uses Toolpad's [page parameters](https://mui.com/toolpad/studio/concepts/page-properties/#page-parameters), [secrets handling](https://mui.com/toolpad/studio/concepts/custom-functions/#secrets-handling), [shell removal](https://mui.com/toolpad/studio/concepts/page-properties/#display-mode), and custom styling features. This app took one developer just a few hours to build which otherwise would have taken much longer. ## 2. Customer support KPI tracker -The read-only page illustrated below uses [HTTP requests](https://mui.com/toolpad/concepts/http-requests/) for its data source. +The read-only page illustrated below uses [HTTP requests](https://mui.com/toolpad/studio/concepts/http-requests/) for its data source. Through the query builder UI we fetch the 100 latest support tickets from Zendesk to calculate the average time it takes us to respond to and resolve customer requests. -It uses a [custom component](https://mui.com/toolpad/concepts/custom-components/) which we call the "health badge." +It uses a [custom component](https://mui.com/toolpad/studio/concepts/custom-components/) which we call the "health badge." Based on the metric value, the component shows three color-coded states: Problem (red), Warning (yellow), and OK (green). Other KPI pages also use this health badge and pre-built Chart components to compare stats, observe trends, and spot anomalies. diff --git a/docs/src/route.ts b/docs/src/route.ts index b4a0c5828de3a9..03911cc4e5645a 100644 --- a/docs/src/route.ts +++ b/docs/src/route.ts @@ -49,7 +49,7 @@ const ROUTES = { // Tree View doc pages treeViewOverview: '/x/react-tree-view/', // Toolpad pages - toolpadDocs: '/toolpad/getting-started/', + toolpadDocs: '/toolpad/studio/getting-started/', toolpadStudioDocs: '/toolpad/studio/getting-started', // External pages rssFeed: '/feed/blog/rss.xml',