From c7ee935ac724a792fe69e9768bd7ec6ca1fcbae2 Mon Sep 17 00:00:00 2001
From: Mike Homol <mhomol@gmail.com>
Date: Wed, 6 Apr 2022 09:38:53 -0400
Subject: [PATCH] displaying the web part order as well to assist with
 selecting the correct part to highlight in the tour

---
 samples/react-tour-pnpjs/src/webparts/tour/TourWebPart.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/samples/react-tour-pnpjs/src/webparts/tour/TourWebPart.ts b/samples/react-tour-pnpjs/src/webparts/tour/TourWebPart.ts
index 495d9fee4..4d7b4b1f6 100644
--- a/samples/react-tour-pnpjs/src/webparts/tour/TourWebPart.ts
+++ b/samples/react-tour-pnpjs/src/webparts/tour/TourWebPart.ts
@@ -72,11 +72,11 @@ export default class TourWebPart extends BaseClientSideWebPart<ITourWebPartProps
           var wpName = {}
           var wp = {};
           if (control.data.webPartData != undefined) {
-            wpName = `sec[${section.order}] col[${column.order}] - ${control.data.webPartData.title}`;
+            wpName = `sec[${section.order}] col[${column.order}] wp[${control.order}] - ${control.data.webPartData.title}`;
             wp = { text: wpName, key: control.data.webPartData.instanceId };
             wpData.push(wp);
           } else {
-            wpName = `sec[${section.order}] col[${column.order}] - "Webpart"`;
+            wpName = `sec[${section.order}] col[${column.order}] wp[${control.order}] - "Webpart"`;
             wp = { text: wpName, key: control.data.id };
           }
           wpData.push(wp);