final few changes to homeTab

pull/4774/head
Joseph Izang 5 months ago
parent cfacf3f5de
commit 0b9b843bdd
  1. 2
      apps/remix-ide/src/app/tabs/locales/en/home.json
  2. 24
      libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx
  3. 2
      libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
  4. 6
      libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx
  5. 2
      libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx
  6. 2
      libs/remix-ui/statusbar/src/lib/components/scamAlertStatus.tsx
  7. 4
      libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx

@ -49,7 +49,7 @@
"home.remixLinkedinProfile": "Remix Linkedin Profile",
"home.remixMediumPosts": "Remix Medium Posts",
"home.joinUsOnDiscord": "Join us on Discord",
"home.nativeIDE": "Learn. Explore. Create.",
"home.nativeIDE": "The Native IDE for Web3 Development.",
"home.website": "Website",
"home.documentation": "Documentation",
"home.remixPlugin": "Remix Plugin",

@ -39,6 +39,9 @@ function HomeTabFeatured() {
dotListClass="position-relative mt-2"
>
<div className="mr-1 pr-1 d-flex align-items-center justify-content-center h-100">
<a href={releaseDetails.moreLink} target="__blank">
<img src={'assets/img/remi_drums_whatsnew.webp'} className="remixui_carouselImage" alt=""></img>
</a>
<div className="h6 w-50 p-2 pl-4 align-self-center" style={{ flex: '1' }}>
<h5>{releaseDetails.version} {releaseDetails.title}</h5>
<div style={{ fontSize: '0.8rem' }} className="mb-3">
@ -58,11 +61,11 @@ function HomeTabFeatured() {
{releaseDetails.more}
</a>
</div>
<a href={releaseDetails.moreLink} target="__blank">
<img src={'assets/img/remi_drums_whatsnew.webp'} className="remixui_carouselImage" alt=""></img>
</a>
</div>
<div className="mr-1 pr-1 d-flex align-items-center justify-content-center h-100">
<a href="https://remix-project.org" target="__blank">
<img src={'assets/img/bgRemi_small.webp'} className="remixui_carouselImage" alt=""></img>
</a>
<div className="h6 w-50 p-2 pl-4 align-self-center" style={{ flex: '1' }}>
<h5>
<FormattedMessage id="home.jumpIntoWeb3" />
@ -79,11 +82,11 @@ function HomeTabFeatured() {
<FormattedMessage id="home.jumpIntoWeb3More" />
</a>
</div>
<a href="https://remix-project.org" target="__blank">
<img src={'assets/img/bgRemi_small.webp'} className="remixui_carouselImage" alt=""></img>
</a>
</div>
<div className="mr-1 pr-1 d-flex align-items-center justify-content-center h-100">
<a href="https://www.youtube.com/@EthereumRemix/videos" target="__blank">
<img src={'/assets/img/YouTubeLogo.webp'} className="remixui_carouselImage" alt=""></img>
</a>
<div className="h6 w-50 p-2 pl-4 align-self-center" style={{ flex: '1' }}>
<h5>
<FormattedMessage id="home.remixYouTube" />
@ -103,11 +106,11 @@ function HomeTabFeatured() {
<FormattedMessage id="home.remixYouTubeMore" />
</a>
</div>
<a href="https://www.youtube.com/@EthereumRemix/videos" target="__blank">
<img src={'/assets/img/YouTubeLogo.webp'} className="remixui_carouselImage" alt=""></img>
</a>
</div>
<div className="mr-1 pr-1 d-flex align-items-center justify-content-center h-100">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSd0WsJnKbeJo-BGrnf7WijxAdmE4PnC_Z4M0IApbBfHLHZdsQ/viewform" target="__blank">
<img src={'/assets/img/remixRewardBetaTester_small.webp'} className="remixui_carouselImage" alt=""></img>
</a>
<div className="h6 w-50 p-2 pl-4 align-self-center" style={{ flex: '1' }}>
<h5>
<FormattedMessage id="home.betaTesting" />
@ -127,9 +130,6 @@ function HomeTabFeatured() {
<FormattedMessage id="home.betaTestingMore" />
</a>
</div>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSd0WsJnKbeJo-BGrnf7WijxAdmE4PnC_Z4M0IApbBfHLHZdsQ/viewform" target="__blank">
<img src={'/assets/img/remixRewardBetaTester_small.webp'} className="remixui_carouselImage" alt=""></img>
</a>
</div>
</Carousel>
</ThemeContext.Provider>

@ -270,7 +270,7 @@ contract HelloWorld {
</div>
)}
</div>
<div className="d-flex flex-column flex-wrap">
<div className="d-flex flex-column flex-wrap pt-3">
<label style={{ fontSize: '1.2rem' }}>
<FormattedMessage id="home.files" />
</label>

@ -143,10 +143,10 @@ function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
return (
<div className="pl-2" id="hTGetStartedSection">
{/* <label className="pt-3" style={{ fontSize: '1.2rem' }}>
<label className="pt-3" style={{ fontSize: '1.2rem' }}>
<FormattedMessage id="home.projectTemplates" />
</label> */}
<div ref={carouselRefDiv} className="w-100 d-flex flex-column pt-3">
</label>
<div ref={carouselRefDiv} className="w-100 d-flex flex-column pt-1">
<ThemeContext.Provider value={themeFilter}>
<div className="pt-3">
<div className="d-flex flex-row align-items-center mb-3 flex-wrap">

@ -72,7 +72,7 @@ export default function GitStatus({ plugin, gitBranchName, setGitBranchName }: G
return (
<CustomTooltip
tooltipText={`${gitBranchName} (Git)`}
tooltipText={`${gitBranchName === 'Not a git repo' ? 'Initialize as a git repo' : gitBranchName} (Git)`}
>
<div
className="d-flex flex-row pl-3 text-white justify-content-center align-items-center remixui_statusbar_gitstatus"

@ -16,7 +16,7 @@ export default function ScamAlertStatus ({ refs, getReferenceProps }: ScamAlertS
tooltipText={"Scam Alerts"}
>
<div className="mr-2 d-flex align-items-center justify-content-center" id="hTScamAlertSection" ref={refs.setReference} {...getReferenceProps()}>
<span className="pr-2 far fa-exclamation-triangle text-danger"></span>
<span className="pr-2 far fa-exclamation-triangle text-white"></span>
<span className="text-white font-semibold small">
<FormattedMessage id="home.scamAlert" />
</span>

@ -19,7 +19,7 @@ export default function ScamDetails ({ refs, floatStyle, scamAlerts }: ScamDetai
<div
ref={refs.setFloating}
style={ floatStyle }
className="py-2 ml-1 mb-1 mb-2 d-flex w-25 alert alert-danger border border-danger"
className="px-1 ml-1 mb-1 d-flex w-25 alert alert-danger border border-danger"
>
<span className="align-self-center pl-4 mt-1">
<i style={{ fontSize: 'xxx-large', fontWeight: 'lighter' }} className="pr-2 far text-danger fa-exclamation-triangle"></i>
@ -30,7 +30,7 @@ export default function ScamDetails ({ refs, floatStyle, scamAlerts }: ScamDetai
{alert.url.length < 1 ? <FormattedMessage id={`home.scamAlertText${index + 1}`} defaultMessage={alert.message} />
: (<><FormattedMessage id={`home.scamAlertText${index + 1}`} defaultMessage={alert.message} /> : &nbsp;
<a
className={`remixui_home_text text-decoration-none text-danger ${index === 1 ? 'pl-2' : ''}`}
className={`remixui_home_text text-decoration-none ${index === 1 ? 'pl-2' : ''}`}
onClick={() => {
index === 1 && _paq.push(['trackEvent', 'hometab', 'scamAlert', 'learnMore'])
index === 2 && _paq.push(['trackEvent', 'hometab', 'scamAlert', 'safetyTips'])

Loading…
Cancel
Save