fixed thumbn.s

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

@@ -7,6 +7,7 @@ import { RemixUIGridView } from '@remix-ui/remix-ui-grid-view'
 import { RemixUIGridSection } from '@remix-ui/remix-ui-grid-section'
 import { RemixUIGridCell } from '@remix-ui/remix-ui-grid-cell'
 import * as Data from './remixGuideData.json'
+import './remixGuide.css'
 //@ts-ignore
 const _paq = (window._paq = window._paq || [])
 
@@ -123,6 +124,7 @@ export class RemixGuidePlugin extends ViewPlugin {
                   plugin={this}
                   title={cell.title}
                   tagList={cell.tagList}
+                  classList='RGCellStyle'
                   expandViewEl={
                     cell.expandViewElement
                   }
@@ -134,10 +136,9 @@ export class RemixGuidePlugin extends ViewPlugin {
                     this.renderComponent()
                   }}
                   logo={cell.expandViewElement.logo}
+                  logoURL={"https://www.youtube.com/@" + cell.authorURL}
                 >
-                  <a href={"https://www.youtube.com/@" + cell.authorURL} target="__blank">
-                    <img src={"//img.youtube.com/vi/" + this.videoID + "/0.jpg"} style={{ height: '70px', width: '70px' }}></img>
-                  </a>
+                  <img src={"//img.youtube.com/vi/" + cell.expandViewElement.videoID + "/0.jpg"} style={{ height: '100px', width: 'fit-content' }}></img>
                 </RemixUIGridCell>
               })}
             </RemixUIGridSection>

apps/remix-ide/src/app/plugins/remixGuideData.json

@@ -5,7 +5,7 @@
   "sections": [
     {
       "title": "Remix Basics",
-      "hScrollable": "true",
+      "hScrollable": "false",
       "cells": [
         {
           "title": "Intro to Remix",
@@ -73,7 +73,7 @@
     },
     {
       "title": "Solidity Basics",
-      "hScrollable": "true",
+      "hScrollable": "false",
       "cells": [
         {
           "title": "Hello World",
@@ -140,7 +140,7 @@
     },
     {
       "title": "Remix Techniques",
-      "hScrollable": "true",
+      "hScrollable": "false",
       "cells": [
         {
           "title": "Proxy Contracts",
@@ -209,7 +209,7 @@
     },
     {
       "title": "Low Level Solidity Videos",
-      "hScrollable": "true",
+      "hScrollable": "false",
       "cells": [
         {
           "title": "EVM Storage",

apps/remix-ide/src/remixAppManager.js

@@ -83,7 +83,7 @@ let requiredModules = [
   'dgit',
   'pinnedPanel',
   'pluginStateLogger',
-  'remixGuide',
+  //'remixGuide',
   'environmentExplorer',
   'templateSelection',
   'matomo',

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

@@ -17,6 +17,7 @@ interface RemixUIGridCellProps {
   pinStateCallback?: any
   logo?: string
   logos?: string[]
+  logoURL?: string
   title: string
   hideTitle?: boolean
   tagList?: string[] // max 8, others will be ignored
@@ -77,7 +78,12 @@ export const RemixUIGridCell = (props: RemixUIGridCellProps) => {
           <div className={ `${pinned ? "" : "border-dark "}` + "d-flex mx-0 p-2 bg-light border border-secondary remixui_grid_cell_container " + props.classList || ''} data-id={"remixUIGS" + props.title}>
             <div className="d-flex remixui_grid_cell w-100 flex-column">
               { !props.hideTitle && <div className='d-flex flex-row pb-1 mb-1 align-items-end' style={{ minWidth: '8rem', height: '1rem' }}>
-                { props.logo && <img className='remixui_grid_view_logo mr-1' src={props.logo} style={{ width: '1rem', height: '1rem' }}/> }
+                { props.logo && props.logoURL !== '' ?
+                  <a href={props.logoURL} target="__blank">
+                    <img className='remixui_grid_view_logo mr-1' src={props.logo} style={{ width: '1rem', height: '1rem' }}/>
+                  </a> :
+                  <img className='remixui_grid_view_logo mr-1' src={props.logo} style={{ width: '1rem', height: '1rem' }}/>
+                }
                 { props.logos && props.logos.map((logo) => <img className='remixui_grid_view_logo mr-1' src={logo} style={{ width: '1rem', height: '1rem' }}/>)}
                 { props.title &&
                   <CustomTooltip