From 1bf3f18bdba77c048f7346aa70d880f66b4812ef Mon Sep 17 00:00:00 2001 From: Cayla Hamann Date: Thu, 25 Jun 2020 14:20:47 -0400 Subject: [PATCH 01/60] fix: no more horizontal scroll --- src/components/MobileHeader.module.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/MobileHeader.module.scss b/src/components/MobileHeader.module.scss index 419085090..6679e202b 100644 --- a/src/components/MobileHeader.module.scss +++ b/src/components/MobileHeader.module.scss @@ -2,6 +2,7 @@ position: relative; border-bottom: 1px solid var(--color-neutrals-100); padding: 0 2rem; + width: 100vw; } .menuBar { @@ -20,7 +21,6 @@ font-size: 1rem; padding: 1.5rem 3rem; position: absolute; - width: 100vw; height: calc( 100vh - (var(--height-mobile-nav-bar) + var(--height-global-header)) ); From d71b796ead0a3d7001cc579a66b9faa577ac1de5 Mon Sep 17 00:00:00 2001 From: Cayla Hamann Date: Thu, 25 Jun 2020 14:52:55 -0400 Subject: [PATCH 02/60] fix: pre tag css grid bug --- src/components/Layout.module.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/Layout.module.scss b/src/components/Layout.module.scss index c4f28a34a..80ef0c61d 100644 --- a/src/components/Layout.module.scss +++ b/src/components/Layout.module.scss @@ -10,17 +10,17 @@ .main { display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); + width: 100%; @media screen and (max-width: 760px) { - grid-template-columns: 1fr; + grid-template-columns: minmax(0, 1fr); } } .contentContainer { display: flex; flex-direction: column; - padding: 2rem; } .sidebar { @@ -34,6 +34,7 @@ .content { flex: 1; + margin: 2rem; } .footer { From fef9624a67b885a07010da1f12827b120ae9193e Mon Sep 17 00:00:00 2001 From: Cayla Hamann Date: Thu, 25 Jun 2020 15:22:53 -0400 Subject: [PATCH 03/60] fix: moved padding --- src/components/Layout.module.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Layout.module.scss b/src/components/Layout.module.scss index 80ef0c61d..50989c666 100644 --- a/src/components/Layout.module.scss +++ b/src/components/Layout.module.scss @@ -21,6 +21,7 @@ .contentContainer { display: flex; flex-direction: column; + margin: 2rem; } .sidebar { @@ -34,7 +35,6 @@ .content { flex: 1; - margin: 2rem; } .footer { From 50fe81b83f03980adf1f8940835445884f9f71df Mon Sep 17 00:00:00 2001 From: Cayla Hamann Date: Thu, 25 Jun 2020 15:24:30 -0400 Subject: [PATCH 04/60] dummy commit to trigger build --- src/components/MobileHeader.module.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/MobileHeader.module.scss b/src/components/MobileHeader.module.scss index 6679e202b..16f64d274 100644 --- a/src/components/MobileHeader.module.scss +++ b/src/components/MobileHeader.module.scss @@ -2,6 +2,7 @@ position: relative; border-bottom: 1px solid var(--color-neutrals-100); padding: 0 2rem; + width: 100vw; } From 72933d969e8a918b1521ae37f49eccf409be9247 Mon Sep 17 00:00:00 2001 From: Cayla Hamann Date: Thu, 25 Jun 2020 15:54:25 -0400 Subject: [PATCH 05/60] chore: removed spacing --- src/components/Layout.module.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/Layout.module.scss b/src/components/Layout.module.scss index 50989c666..14c95edb9 100644 --- a/src/components/Layout.module.scss +++ b/src/components/Layout.module.scss @@ -10,7 +10,6 @@ .main { display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); - width: 100%; @media screen and (max-width: 760px) { From 451ab49119b1519bc63e52b177a39a6ef0b2e8dd Mon Sep 17 00:00:00 2001 From: mmfred Date: Thu, 25 Jun 2020 14:58:27 -0700 Subject: [PATCH 06/60] Add set up dev env file. --- .../build-apps/set-up-dev-env.mdx | 91 +++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 src/markdown-pages/build-apps/set-up-dev-env.mdx diff --git a/src/markdown-pages/build-apps/set-up-dev-env.mdx b/src/markdown-pages/build-apps/set-up-dev-env.mdx new file mode 100644 index 000000000..e64398ecc --- /dev/null +++ b/src/markdown-pages/build-apps/set-up-dev-env.mdx @@ -0,0 +1,91 @@ +--- +path: '/build-apps/set-up-dev-env' +duration: '15-30 min' +title: 'Set up your development environment' +template: 'GuideTemplate' +description: 'Prepare to build apps and contribute to this site' +--- + + + +In progress. + + + + +## Before you begin +This guide requires that you have the following: + +- A github account +- New Relic developer account +- API Key +- New Relic One CLI downloaded + +
+ + + + + +## This is a step with a title and description +to be written + + + + +This is a step with no title or code snippet, only description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel orci dignissim, egestas turpis non, ultricies erat. Nullam id magna molestie, volutpat ipsum vitae, bibendum ligula. + + + + +## Set up and run the application locally +Use the New Relic One CLI to update the application UUID and run the application locally. In the terminal, change to the time picker directory. + +```shell lineNumbers=false +cd /nr1-howto/add-time-picker +``` + +Once that is done, run the following: + +```shell lineNumbers=false +npm start +``` + + + + +## Make sure you're getting data from the right New Relic account +In your preferred text editor, open the `/add-time-picker/nerdlets/nr1-howto-add-time-picker-nerdlet/index.js` and then edit the following line to use your account ID (find your account ID in the Profile section of the Developer Center, where you downloaded the New Relic One CLI): + +```jsx +this.accountId = ; +``` + + + + + +Update the UUID and serve the application by running the following: + +```shell lineNumbers=false +nr1 nerdpack:uuid -gf +nr1 nerdpack:serve +``` + + + + + +### Next steps + +You'll get a URL to access New Relic One and see your application running locally: https://one.newrelic.com/?nerdpacks=local + +One the New Relic home page, there's a new launcher to the Add time picker application. + +Click the launcher, and the dashboard opens with your New Relic account transactions. + + +### Related info + +- [New Relic documentation](https://docs.newrelic.com) +- [Community page for how to add a time picker](https://discuss.newrelic.com/t/how-to-add-the-time-picker-to-nrql-queries/94268) \ No newline at end of file From 4c6802924c9e006e478a0222327a26daeca6aa2b Mon Sep 17 00:00:00 2001 From: snyk-bot Date: Sat, 27 Jun 2020 02:46:00 +0000 Subject: [PATCH 07/60] fix: upgrade gatsby from 2.23.0 to 2.23.1 Snyk has created this PR to upgrade gatsby from 2.23.0 to 2.23.1. See this package in NPM: https://www.npmjs.com/package/gatsby See this project in Snyk: https://app.snyk.io/org/github-newrelic/project/7fcca766-b226-4202-a6f2-d2d816b1e69d?utm_source=github&utm_medium=upgrade-pr --- package-lock.json | 26 +++++++++++++------------- package.json | 2 +- 2 files changed, 14 insertions(+), 14 deletions(-) diff --git a/package-lock.json b/package-lock.json index b3e10c160..8bd0d0d5f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5744,12 +5744,12 @@ }, "dependencies": { "browserslist": { - "version": "4.12.1", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.12.1.tgz", - "integrity": "sha512-WMjXwFtPskSW1pQUDJRxvRKRkeCr7usN0O/Za76N+F4oadaTdQHotSGcX9jT/Hs7mSKPkyMFNvqawB/1HzYDKQ==", + "version": "4.12.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.12.2.tgz", + "integrity": "sha512-MfZaeYqR8StRZdstAK9hCKDd2StvePCYp5rHzQCPicUjfFliDgmuaBNPHYUTpAywBN8+Wc/d7NYVFkO0aqaBUw==", "requires": { "caniuse-lite": "^1.0.30001088", - "electron-to-chromium": "^1.3.481", + "electron-to-chromium": "^1.3.483", "escalade": "^3.0.1", "node-releases": "^1.1.58" } @@ -11741,9 +11741,9 @@ "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=" }, "gatsby": { - "version": "2.23.0", - "resolved": "https://registry.npmjs.org/gatsby/-/gatsby-2.23.0.tgz", - "integrity": "sha512-+iQ/3i1N28/C+5LRduL06CMsRxmKX5PcjgZwboM53ZrvI+bu0LeSqVLPgbCnIJQGnAYtSnxArm1xJa6EBvol4A==", + "version": "2.23.1", + "resolved": "https://registry.npmjs.org/gatsby/-/gatsby-2.23.1.tgz", + "integrity": "sha512-PFl8uTeA9D1HolCOSbaFSYTf6nG0DcSghe3fXrYLD4daov4IYGzM6+eGQkVNFwBbFEZod/7QzA4r1Rx6awkZDw==", "requires": { "@babel/code-frame": "^7.10.1", "@babel/core": "^7.10.2", @@ -11807,8 +11807,8 @@ "flat": "^4.1.0", "fs-exists-cached": "1.0.0", "fs-extra": "^8.1.0", - "gatsby-admin": "^0.1.64", - "gatsby-cli": "^2.12.43", + "gatsby-admin": "^0.1.65", + "gatsby-cli": "^2.12.44", "gatsby-core-utils": "^1.3.4", "gatsby-graphiql-explorer": "^0.4.4", "gatsby-link": "^2.4.5", @@ -12822,12 +12822,12 @@ } }, "browserslist": { - "version": "4.12.1", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.12.1.tgz", - "integrity": "sha512-WMjXwFtPskSW1pQUDJRxvRKRkeCr7usN0O/Za76N+F4oadaTdQHotSGcX9jT/Hs7mSKPkyMFNvqawB/1HzYDKQ==", + "version": "4.12.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.12.2.tgz", + "integrity": "sha512-MfZaeYqR8StRZdstAK9hCKDd2StvePCYp5rHzQCPicUjfFliDgmuaBNPHYUTpAywBN8+Wc/d7NYVFkO0aqaBUw==", "requires": { "caniuse-lite": "^1.0.30001088", - "electron-to-chromium": "^1.3.481", + "electron-to-chromium": "^1.3.483", "escalade": "^3.0.1", "node-releases": "^1.1.58" } diff --git a/package.json b/package.json index 36cc44472..cc593ae1f 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,7 @@ "classnames": "^2.2.6", "date-fns": "^2.14.0", "eslint-plugin-react-hooks": "^4.0.4", - "gatsby": "^2.23.0", + "gatsby": "^2.23.1", "gatsby-image": "^2.4.6", "gatsby-plugin-google-tagmanager": "^2.3.4", "gatsby-plugin-manifest": "^2.4.10", From 76c1f3d5a454c0b4af6daa9757272f66969ebbed Mon Sep 17 00:00:00 2001 From: Jerel Miller Date: Sat, 27 Jun 2020 20:25:17 -0700 Subject: [PATCH 08/60] fix: Incorrect image paths in all guides --- .../build-apps/add-nerdgraphquery-guide.mdx | 36 +++++++++---------- .../build-apps/add-time-picker-guide.mdx | 6 ++-- .../howto-use-nrone-table-components.mdx | 10 +++--- .../collect-data-from-any-source.mdx | 2 +- .../collect-data/custom-events.mdx | 2 +- .../collect-data/query-data-nrql.mdx | 2 +- 6 files changed, 29 insertions(+), 29 deletions(-) diff --git a/src/markdown-pages/build-apps/add-nerdgraphquery-guide.mdx b/src/markdown-pages/build-apps/add-nerdgraphquery-guide.mdx index 5d47c20ed..127036858 100644 --- a/src/markdown-pages/build-apps/add-nerdgraphquery-guide.mdx +++ b/src/markdown-pages/build-apps/add-nerdgraphquery-guide.mdx @@ -11,7 +11,7 @@ This guide steps you through the process of adding the NerdGraphQuery component NerdGraph is New Relic's GraphQL implementation. GraphQL has some key differences when compared to REST: -* The client, not the server, determines what data is returned. +* The client, not the server, determines what data is returned. * You can easily collect data from multiple sources. For example, in a single New Relic query, you can get account information, infrastructure data, and issue a NRQL request. @@ -29,7 +29,7 @@ We also have a 14-minute video that covers the steps below. ## Before you begin -To develop projects, you need our New Relic One CLI (command line interface). +To develop projects, you need our New Relic One CLI (command line interface). If you haven't already installed it, do the following: @@ -68,7 +68,7 @@ If you haven't already done so, clone the example applications from our [how-to - + In your preferred text editor, open `index.js`. @@ -114,13 +114,13 @@ Execute these commands to update the UUID and serve the sample application: Once the sample application is successfully served, go to the local New Relic One homepage (https://one.newrelic.com/?nerdpacks=local) and click **Use NerdGraph**. -![Use Nerdgraph launcher](../images/nerdgraphquery-guide/use-nerdgraph-launcher.png) +![Use Nerdgraph launcher](../../images/nerdgraphquery-guide/use-nerdgraph-launcher.png) If you don't see any launchers, click **Your applications**. - + @@ -129,7 +129,7 @@ If you don't see any launchers, click **Your applications**. After launching the **Use NerdGraph** application, you see a dashboard that gives an overview of the transactions in your New Relic account. -![Screenshot showing the sample transaction application](../images/nerdgraphquery-guide/no-name.png) +![Screenshot showing the sample transaction application](../../images/nerdgraphquery-guide/no-name.png) ## Add the `NerdGraphQuery` component @@ -142,7 +142,7 @@ If you need more details about our example below, see the APIs and components pa - + Add the `NerdGraphQuery` component into the first `StackItem` inside of the `return` in the `index.js` file: @@ -166,12 +166,12 @@ Add the `NerdGraphQuery` component into the first `StackItem` inside of the `ret -The `NerdGraphQuery` component takes a query object that states the source you want to access and the data you want returned. +The `NerdGraphQuery` component takes a query object that states the source you want to access and the data you want returned. Add the following code to your `index.js` file in the `render` method: - + In the browser console, you can see the data from your query returned in an object that follows the same structure of the object in the initial query. @@ -195,7 +195,7 @@ In the browser console, you can see the data from your query returned in an obje To take the data returned by the NerdGraph query and display it in the application, replace the `return null` in the current `NerdGraphQuery` component with this `return` statement: ```jsx - return {data.actor.account.name} Apps:; + return {data.actor.account.name} Apps:; ``` @@ -204,7 +204,7 @@ To take the data returned by the NerdGraph query and display it in the applicati When you go back to the browser and view your application, you see a new headline showing the name of your account returned from NerdGraph. -![App Image](../images/nerdgraphquery-guide/with-name.png) +![App Image](../../images/nerdgraphquery-guide/with-name.png) ## How to use `NerdGraphQuery.query` @@ -213,7 +213,7 @@ At this point, you implemented the `NerdGraphQuery` component with the applicati Here's what you need to do next: * Query NerdGraph inside of the `componentDidMount` lifecycle method. -* Save the returned data for later usage throughout the New Relic One application. +* Save the returned data for later usage throughout the New Relic One application. Complete the following: @@ -221,16 +221,16 @@ Complete the following: -The following code takes the response from NerdGraph and makes sure the results are processed, stored into the application state, and logged to the browser console for viewing. +The following code takes the response from NerdGraph and makes sure the results are processed, stored into the application state, and logged to the browser console for viewing. -Add the following code into the `index.js` just under the `constructor`: +Add the following code into the `index.js` just under the `constructor`: ```jsx componentDidMount() { const accountId = this.state; const gql = `{ actor { accounts { id name } } }`; - const accounts = NerdGraphQuery.query({query: gql}) //The NerdGraphQuery.query method called with the query object to get your account data is stored in the accounts variable. + const accounts = NerdGraphQuery.query({query: gql}) //The NerdGraphQuery.query method called with the query object to get your account data is stored in the accounts variable. accounts.then(results => { console.log('Nerdgraph Response:', results); const accounts = results.data.actor.accounts.map(account => { @@ -246,7 +246,7 @@ Add the following code into the `index.js` just under the `constructor`: -After the data is stored into state, display a selection so users can change accounts and update the application. +After the data is stored into state, display a selection so users can change accounts and update the application. To do this, add the following code to `index.js` for the second `StackItem` in the `return` statement: @@ -269,10 +269,10 @@ To do this, add the following code to `index.js` for the second `StackItem` in t After you complete these steps, look at the application in your browser, and note the following: -* The dropdown menu displays the data returned from the `NerdGraphQuery.query` and allows you to select an account. +* The dropdown menu displays the data returned from the `NerdGraphQuery.query` and allows you to select an account. * After you select a new account, the application shows data from the new selection. -![App Complete](../images/nerdgraphquery-guide/complete.png) +![App Complete](../../images/nerdgraphquery-guide/complete.png) The final `index.js` file should have code similar to the code below. This completed sample code is in your nerdlet `final.js`. diff --git a/src/markdown-pages/build-apps/add-time-picker-guide.mdx b/src/markdown-pages/build-apps/add-time-picker-guide.mdx index ee3734e6f..82043b742 100644 --- a/src/markdown-pages/build-apps/add-time-picker-guide.mdx +++ b/src/markdown-pages/build-apps/add-time-picker-guide.mdx @@ -99,7 +99,7 @@ If you don't see any launchers, click **Your applications**. -![New Relic One launcher image](../images/time-picker-guide/homepage-launcher.png) +![New Relic One launcher image](../../images/time-picker-guide/homepage-launcher.png) @@ -107,7 +107,7 @@ If you don't see any launchers, click **Your applications**. After launching the **Add Time Picker** application, you see a dashboard that gives an overview of the transactions in your New Relic account: -![Transaction overview application](../images/time-picker-guide/add-timepicker.png) +![Transaction overview application](../../images/time-picker-guide/add-timepicker.png) By default, the application shows your data within the last 60 minutes. If you toggle the time picker, it doesn't update the charts because the transaction overview application isn't connected to the New Relic One platform. It has no access to the data from the time picker. @@ -244,7 +244,7 @@ Add a `console.log` statement to make sure you are seeing appropriate data. Inse After you complete these steps, your browser console displays something like this: -![Browser console image](../images/time-picker-guide/console.png) +![Browser console image](../../images/time-picker-guide/console.png) ## Add the time to the queries diff --git a/src/markdown-pages/build-apps/howto-use-nrone-table-components.mdx b/src/markdown-pages/build-apps/howto-use-nrone-table-components.mdx index 3038343a0..9420db3b1 100644 --- a/src/markdown-pages/build-apps/howto-use-nrone-table-components.mdx +++ b/src/markdown-pages/build-apps/howto-use-nrone-table-components.mdx @@ -78,11 +78,11 @@ nr1 nerdpack:serve # Serve the demo app locally Open [one.newrelic.com/?nerdpacks=local](https://one.newrelic.com/?nerdpacks=local) in your browser. You should see a **Create a table** button in your launcher: That's the demo application you are going to work on. Go ahead and select it. -![app-launcher](../images/nrone-table-guide/demo-app-button.png) +![app-launcher](../../images/nrone-table-guide/demo-app-button.png) Have a good look at the demo app: There is a `TableChart` on the left side named **Transaction Overview**, with an `AreaChart` next to it. You are going to use `Table` components to add a new table in the second row. -![app-launcher](../images/nrone-table-guide/app-overview.png) +![app-launcher](../../images/nrone-table-guide/app-overview.png) @@ -158,7 +158,7 @@ Since you don't know how many rows you'll need, your best bet is to call a funct Take a look at the application running in New Relic One: you should see something similar to the screenshot below. -![added-table](../images/nrone-table-guide/newtable.png) +![added-table](../../images/nrone-table-guide/newtable.png) @@ -205,7 +205,7 @@ Notice that [`EntityTitleTableRowCell`](https://developer.newrelic.com/client-si Time to give your table a second look: The cell components you've added take care of properly formatting the data. -![new-components](../images/nrone-table-guide/table-new-cells.png) +![new-components](../../images/nrone-table-guide/table-new-cells.png) @@ -256,7 +256,7 @@ The `TableRow` actions property defines a set of actions that appear when the us Go back to your application and try hovering over any of the rows: Notice how the two available actions appear. When you click them, a function triggers with the selected row data as an argument, and an alert displays in your browser. -![interactive-table](../images/nrone-table-guide/interactive-table.png) +![interactive-table](../../images/nrone-table-guide/interactive-table.png) diff --git a/src/markdown-pages/collect-data/collect-data-from-any-source.mdx b/src/markdown-pages/collect-data/collect-data-from-any-source.mdx index 6af389ad1..cd3f1329e 100644 --- a/src/markdown-pages/collect-data/collect-data-from-any-source.mdx +++ b/src/markdown-pages/collect-data/collect-data-from-any-source.mdx @@ -169,7 +169,7 @@ Build out your own agent to get deep visibility into highly customized, unique, Using the [Infrastructure Integrations SDK](https://developer.newrelic.com/technology/infrastructure-sdk), you can get data from specific entities into New Relic without having to worry about timings of harvest cycles. The following example shows a custom Apache Integration built atop the Infrastructure Integrations SDK. -![Infrastructure integrations screenshot](../images/collect-data-from-any-source/UC2-sec3-ohai.png) +![Infrastructure integrations screenshot](../../images/collect-data-from-any-source/UC2-sec3-ohai.png) ```shell lineNumbers=true # Code snippet from the Apache integration's main method in Go. diff --git a/src/markdown-pages/collect-data/custom-events.mdx b/src/markdown-pages/collect-data/custom-events.mdx index 129ec35ea..17d9888be 100644 --- a/src/markdown-pages/collect-data/custom-events.mdx +++ b/src/markdown-pages/collect-data/custom-events.mdx @@ -60,7 +60,7 @@ end _Here, a NRQL query retrieves information about the custom event, and the result can be added to a dashboard._
-![nrql query example](../images/UC2-sec2-query.png) +![nrql query example](../../images/UC2-sec2-query.png) ``` SELECT count(*) FROM CLIRun FACET errors SINCE 1 week ago diff --git a/src/markdown-pages/collect-data/query-data-nrql.mdx b/src/markdown-pages/collect-data/query-data-nrql.mdx index 71bf62ac4..393d898a6 100644 --- a/src/markdown-pages/collect-data/query-data-nrql.mdx +++ b/src/markdown-pages/collect-data/query-data-nrql.mdx @@ -76,7 +76,7 @@ SELECT funnel(session, Using NRQL, you can customize your New Relic experience by crafting diverse dashboards in New Relic One that show your data from multiple angles. These dashboards can be shared with technical and non-technical stakeholders alike. -![Dashboard created with NRQL](../images/nr1-dashboard.png) +![Dashboard created with NRQL](../../images/nr1-dashboard.png) From 46174b4e8a688618e954b0a0849f4009199c0c86 Mon Sep 17 00:00:00 2001 From: Jerel Miller Date: Sat, 27 Jun 2020 20:40:23 -0700 Subject: [PATCH 09/60] chore: Use markdown links instead of inline . Fix incorrect path to docs --- .../build-apps/howto-use-nrone-table-components.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/markdown-pages/build-apps/howto-use-nrone-table-components.mdx b/src/markdown-pages/build-apps/howto-use-nrone-table-components.mdx index 9420db3b1..45c774676 100644 --- a/src/markdown-pages/build-apps/howto-use-nrone-table-components.mdx +++ b/src/markdown-pages/build-apps/howto-use-nrone-table-components.mdx @@ -12,7 +12,7 @@ tileShorthand: -Tables are a popular way of displaying data in New Relic applications. For example, with the chart builder you can create tables from NRQL queries. +Tables are a popular way of displaying data in New Relic applications. For example, with the [chart builder](https://docs.newrelic.com/docs/chart-builder/use-chart-builder/get-started/introduction-chart-builder) you can create tables from [NRQL queries](https://docs.newrelic.com/docs/query-data/nrql-new-relic-query-language/getting-started/introduction-nrql). Whether you need to have more control over tables or you're importing third-party data, you can build your own tables into your New Relic One application. From bde0f945d2713db009cd66e8a93eb1931378f99c Mon Sep 17 00:00:00 2001 From: Jerel Miller Date: Sat, 27 Jun 2020 20:41:07 -0700 Subject: [PATCH 10/60] chore: Use underscore instead of for italic --- .../build-apps/howto-use-nrone-table-components.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/markdown-pages/build-apps/howto-use-nrone-table-components.mdx b/src/markdown-pages/build-apps/howto-use-nrone-table-components.mdx index 45c774676..a0ebd3377 100644 --- a/src/markdown-pages/build-apps/howto-use-nrone-table-components.mdx +++ b/src/markdown-pages/build-apps/howto-use-nrone-table-components.mdx @@ -16,7 +16,7 @@ Tables are a popular way of displaying data in New Relic applications. For examp Whether you need to have more control over tables or you're importing third-party data, you can build your own tables into your New Relic One application. -In this guide, you are going to build a sample table using various components of the NR1 library. +In this guide, you are going to build a sample table using various components of the _NR1_ library.