added youtube page to home tab

apps/remix-ide/src/app/panels/tab-proxy.js

@@ -33,7 +33,7 @@ export class TabProxy extends Plugin {
 
     this.on('fileManager', 'filesAllClosed', () => {
       this.call('manager', 'activatePlugin', 'home')
-      this.tabsApi.activateTab('home')
+      this.focus("home")
     })
 
     this.on('fileManager', 'fileRemoved', (name) => {

apps/remix-ide/src/app/tabs/locales/en/home.json

@@ -5,16 +5,18 @@
   "home.scamAlertText3": "Additional safety tips",
   "home.learnMore": "Learn more",
   "home.here": "here",
-  "home.more": "More",
   "home.featured": "Featured",
   "home.jumpIntoWeb3": "JUMP INTO WEB3",
-  "home.jumpIntoWeb3Text": "The Remix Project is a rich toolset which can be used for the entire journey of contract development by users of any knowledge level, and as a learning lab for teaching and experimenting with Ethereum.",
-  "home.remixRewards": "REMIX REWARDS",
-  "home.remixRewardsText1": "NFTs for our users!",
-  "home.remixRewardsText2": "Remix Project rewards contributors, beta testers, and UX research participants with NFTs deployed on Optimism.",
+  "home.jumpIntoWeb3More": "More",
+  "home.jumpIntoWeb3Text": "Remix IDE is part of the Remix Project, a rich toolset that can be used for the entire journey of contract development by users of any knowledge level. Learn more on the Remix Project website.",
+  "home.remixYouTube": "WATCH TO LEARN",
+  "home.remixYouTubeText1": "Video Tips from the Remix Team",
+  "home.remixYouTubeMore": "Watch",
+  "home.remixYouTubeText2": "Remix has a growing library of videos containing lots of tips for using the tool. Check them out and subscribe to get our latest uploads.",
   "home.betaTesting": "BETA TESTING",
   "home.betaTestingText1": "Our community supports us.",
-  "home.betaTestingText2": "You can join Beta Testing before each release of Remix IDE. Help us test now and get a handle on new features!",
+  "home.betaTestingText2": "Help us beta test releases now and get a handle on new features!",
+  "home.betaTestingMore": "Sign up",
   "home.featuredPlugins": "Featured Plugins",
   "home.solidityPluginDesc": "Compile, test and analyse smart contract.",
   "home.starkNetPluginDesc": "Compile and deploy contracts with Cairo, a native language for StarkNet.",

apps/remix-ide/src/app/tabs/locales/zh/home.json

@@ -9,9 +9,9 @@
   "home.featured": "精选",
   "home.jumpIntoWeb3": "迎接 WEB3",
   "home.jumpIntoWeb3Text": "Remix 项目是一个丰富的工具集，任何知识水平的用户都可以在这上面进行全周期的合约开发，并且可作为以太坊教学和实验的学习实验室。",
-  "home.remixRewards": "REMIX 奖励",
-  "home.remixRewardsText1": "给我们的用户提供的 NFT!",
-  "home.remixRewardsText2": "Remix 会用部署在 Optimism 链上的 NFT 奖励贡献者、beta 测试者和用户体验研究参与者。Remix 奖励的持有者可以铸造第二个“Remixer”用户 NFT 徽章，以赠予他们选择的任何其他用户。",
+  "home.remixYouTube": "",
+  "home.remixYouTubeText1": "",
+  "home.remixYouTubeText2": "",
   "home.betaTesting": "BETA 测试",
   "home.betaTestingText1": "我们的社区支持我们",
   "home.betaTestingText2": "每次 Remix IDE 发布版本之前，你都可以参与 Beta 测试。现在就来帮我们测试并且尝鲜新功能吧！",

libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx

@@ -42,16 +42,30 @@ function HomeTabFeatured() {
                   <h5><FormattedMessage id='home.jumpIntoWeb3' /></h5>
                   
                   <div><FormattedMessage id='home.jumpIntoWeb3Text'/></div>
-                  <a className="remixui_home_text btn btn-secondary mt-2 text-decoration-none mb-3" onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'jumpIntoWeb3'])} target="__blank" href="https://remix-project.org"><FormattedMessage id='home.more' /></a>
+                  <a
+                    className="remixui_home_text btn btn-secondary mt-2 text-decoration-none mb-3"
+                    onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'jumpIntoWeb3'])}
+                    target="__blank"
+                    href="https://remix-project.org"><FormattedMessage
+                    id='home.jumpIntoWeb3More'
+                  /></a>
                 </div>
               </div>
               <div className="mx-1 px-1 d-flex">
-                <img src={"/assets/img/remixRewardUser_small.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
+                <a href="https://www.youtube.com/@EthereumRemix/videos"  target="__blank">
+                  <img src={"/assets/img/YouTubeLogo.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
+                </a>
                 <div className="h6 w-50 p-4" style={{ flex: "1" }}>
-                  <h5><FormattedMessage id='home.remixRewards' /></h5>
-                  <p style={{ fontStyle: 'italic' }}><FormattedMessage id='home.remixRewardsText1' /></p>
-                  <div><FormattedMessage id='home.remixRewardsText2' /></div>
-                  <a className="remixui_home_text btn btn-secondary mt-2 text-decoration-none mb-3" target="__blank" onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'remixRewards'])} href="https://rewards.remix.ethereum.eth.limo"><FormattedMessage id='home.more' /></a>
+                  <h5><FormattedMessage id='home.remixYouTube' /></h5>
+                  <p style={{ fontStyle: 'italic' }}><FormattedMessage id='home.remixYouTubeText1' /></p>
+                  <div><FormattedMessage id='home.remixYouTubeText2' /></div>
+                  <a
+                    className="remixui_home_text btn btn-secondary mt-2 text-decoration-none mb-3"
+                    onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'youTubeMore'])}
+                    target="__blank"
+                    href="https://www.youtube.com/@EthereumRemix/videos"><FormattedMessage
+                    id='home.remixYouTubeMore'
+                  /></a>
                 </div>
               </div>
               <div className="mx-1 px-1 d-flex">
@@ -60,7 +74,13 @@ function HomeTabFeatured() {
                   <h5><FormattedMessage id='home.betaTesting' /></h5>
                   <p style={{ fontStyle: 'italic' }}><FormattedMessage id='home.betaTestingText1' /></p>
                   <div><FormattedMessage id='home.betaTestingText2' /></div>
-                  <a className="remixui_home_text btn btn-secondary mt-2 text-decoration-none mb-3" onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'betatesting'])} target="__blank" href="https://docs.google.com/forms/d/e/1FAIpQLSd0WsJnKbeJo-BGrnf7WijxAdmE4PnC_Z4M0IApbBfHLHZdsQ/viewform"><FormattedMessage id='home.more' /></a>
+                  <a
+                    className="remixui_home_text btn btn-secondary mt-2 text-decoration-none mb-3"
+                    onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'betatesting'])}
+                    target="__blank"
+                    href="https://docs.google.com/forms/d/e/1FAIpQLSd0WsJnKbeJo-BGrnf7WijxAdmE4PnC_Z4M0IApbBfHLHZdsQ/viewform"><FormattedMessage
+                    id='home.betaTestingMore'
+                  /></a>
                 </div>
               </div>
             </Carousel>