update

apps/remix-ide-e2e/src/tests/terminal.test.ts

@@ -313,7 +313,7 @@ module.exports = {
   'Should connect to the sepolia fork and run web3.eth.getCode in the terminal #group9': function (browser: NightwatchBrowser) {
     if (runMasterTests)
       browser
-        .pinChain('VM Custom fork')
+        .pinChain('vm-custom-fork')
         .switchEnvironment('vm-custom-fork')
         .waitForElementVisible('[data-id="vm-custom-fork-modal-footer-ok-react"]')
         .execute(() => {

apps/remix-ide/src/app/plugins/remixGuide.tsx

@@ -123,6 +123,7 @@ export class RemixGuidePlugin extends ViewPlugin {
                   expandViewEl={
                     cell.expandViewElement
                   }
+                  id={cell.title}
                   handleExpand={() => {
                     this.showVideo = true
                     this.videoID = cell.expandViewElement.videoID

apps/remix-ide/src/app/providers/environment-explorer.tsx

@@ -110,6 +110,7 @@ export class EnvironmentExplorer extends ViewPlugin {
               classList='EECellStyle'
               payload={provider.description}
               pinned={this.pinnedProviders.includes(provider.name)}
+              id={provider.name}
               pinStateCallback={async (pinned: boolean) => {
                 if (pinned) {
                   this.emit('providerPinned', provider.name, provider)
@@ -143,6 +144,7 @@ export class EnvironmentExplorer extends ViewPlugin {
               classList='EECellStyle'
               payload={provider.description}
               pinned={this.pinnedProviders.includes(provider.name)}
+              id={provider.name}
               pinStateCallback={async (pinned: boolean) => {
                 if (pinned) {
                   this.emit('providerPinned', provider.name, provider)
@@ -175,6 +177,7 @@ export class EnvironmentExplorer extends ViewPlugin {
               payload={provider.description}
               classList='EECellStyle'
               pinned={this.pinnedProviders.includes(provider.name)}
+              id={provider.name}
               pinStateCallback={async (pinned: boolean) => {
                 if (pinned) {
                   this.emit('providerPinned', provider.name, provider)

libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx

@@ -25,6 +25,7 @@ interface RemixUIGridCellProps {
   children?: ReactNode
   expandViewEl?: any
   handleExpand?: any
+  id: string
 }
 
 export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
@@ -44,6 +45,7 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
       props?.payload?.toLowerCase().includes(filterCon.filter) ||
       props?.payload?.includes(filterCon.filter)
     )
+    console.log(props);
   }, [filterCon, props.tagList])
 
   /*const listenOnExpand = (key) => {
@@ -86,7 +88,7 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
           { filterCon.showPin && <button
             className={`${pinned ? 'fa-duotone' : 'fa-light'}` + ` fa-circle-o text-info border-0 mb-0 remixui_grid_cell_pin`}
             style={{ fontSize: '30px' }}
-            data-id={`${pinned ? `${props.title}-pinned` : `${props.title}-unpinned`}`}
+            data-id={`${pinned ? `${props.id}-pinned` : `${props.id}-unpinned`}`}
             onClick={async () => {
               if (!props.pinStateCallback) setPinned(!pinned)
               if (await props.pinStateCallback(!pinned)) setPinned(!pinned)