Skip to content

Commit

Permalink
[docs] Fix 301 Toolpad links
Browse files Browse the repository at this point in the history
  • Loading branch information
oliviertassinari committed Apr 20, 2024
1 parent 88119d4 commit d330204
Show file tree
Hide file tree
Showing 3 changed files with 7 additions and 7 deletions.
4 changes: 2 additions & 2 deletions docs/pages/blog/2023-toolpad-beta-announcement.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down Expand Up @@ -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/).

<img alt="Toolpad documentation and instructions on how to use it" src="/static/blog/2023-toolpad-beta-announcement/docs.png" loading="lazy" width="2400" height="1394" />
Expand Down
8 changes: 4 additions & 4 deletions docs/pages/blog/toolpad-use-cases.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down
2 changes: 1 addition & 1 deletion docs/src/route.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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',
Expand Down

0 comments on commit d330204

Please sign in to comment.