change keys in home.json

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

@@ -33,12 +33,12 @@
   "home.gnosisSafeMultisigTemplateDesc": "Create Multi-Signature wallets using this template.",
   "home.zeroxErc20TemplateDesc": "Create an ERC20 token by importing 0xProject contract.",
   "home.learn": "Learn",
-  "home.remixBasics": "Remix Basics",
-  "home.remixBasicsDesc":"Introduction to Remix's interface and concepts used in Ethereum, as well as the basics of Solidity.",
-  "home.remixIntermediate": "Remix Intermediate",
-  "home.remixIntermediateDesc": "Using the web3.js to interact with a contract. Using Recorder tool.",
+  "home.learnEth1": "Intro to Solidity",
+  "home.learnEth1Desc":"An introduction to Remix's interface and basic operations.",
+  "home.learnEth2": "Intro to Solidity",
+  "home.learnEth2Desc": "Interactively learn the Solidity beginner concepts.",
   "home.remixAdvanced": "Remix Advanced",
-  "home.remixAdvancedDesc": "Learn the Proxy Pattern and working with Libraries in Remix. Learn to use the Debugger.",
+  "home.remixAdvancedDesc": "Learn to deploy with Libraries",
   "home.remixYoutubePlaylist": "Remix Youtube Playlist",
   "home.remixTwitterProfile": "Remix Twitter Profile",
   "home.remixLinkedinProfile": "Remix Linkedin Profile",

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

@@ -56,11 +56,11 @@ function HomeTabLearn ({plugin}: HomeTabLearnProps) {
       <div className="d-flex flex-column">
         <label className="d-flex flex-column btn border" onClick={() => setState((prevState) => {return { ...prevState, visibleTutorial: VisibleTutorial.Basics }})}>
           <label className="card-title align-self-start m-0 float-left" style={{fontSize: "1rem"}}>
-            <FormattedMessage id="home.remixBasics" />
+            <FormattedMessage id="home.learnEth1" />
           </label>
           {(state.visibleTutorial === VisibleTutorial.Basics) && <div className="pt-2 d-flex flex-column text-left">
             <span>
-              <FormattedMessage id="home.remixBasicsDesc" />
+              <FormattedMessage id="home.learnEth1Desc" />
             </span>
             <button className="btn btn-sm btn-secondary mt-2" style={{width: 'fit-content'}} onClick={() => startLearnEthTutorial('basics')}>
               <FormattedMessage id="home.getStarted" />
@@ -69,11 +69,11 @@ function HomeTabLearn ({plugin}: HomeTabLearnProps) {
         </label>
         <label className="d-flex flex-column btn border" onClick={() => setState((prevState) => {return { ...prevState, visibleTutorial: VisibleTutorial.Intermediate }})}>
           <label className="card-title align-self-start m-0 float-left" style={{fontSize: "1rem"}}>
-            <FormattedMessage id="home.remixIntermediate" />
+            <FormattedMessage id="home.learnEth2" />
           </label>
           {(state.visibleTutorial === VisibleTutorial.Intermediate) && <div className="pt-2 d-flex flex-column text-left">
             <span>
-            <FormattedMessage id="home.remixIntermediateDesc" /></span>
+            <FormattedMessage id="home.learnEth2Desc" /></span>
             <button className="btn btn-sm btn-secondary mt-2" style={{width: 'fit-content'}} onClick={() => startLearnEthTutorial('useofweb3js')}>
             <FormattedMessage id="home.getStarted" />
           </button>