diff --git a/apps/remix-ide/src/app/ui/landing-page/landing-page.js b/apps/remix-ide/src/app/ui/landing-page/landing-page.js
index af3ad9dc04..825948cf6c 100644
--- a/apps/remix-ide/src/app/ui/landing-page/landing-page.js
+++ b/apps/remix-ide/src/app/ui/landing-page/landing-page.js
@@ -33,8 +33,6 @@ export class LandingPage extends ViewPlugin {
this.el.setAttribute('id', 'landingPageHomeContainer')
this.el.setAttribute('class', 'remixui_homeContainer justify-content-between bg-light d-flex')
this.el.setAttribute('data-id', 'landingPageHomeContainer')
- // to retrieve medium posts
- //document.body.appendChild(yo``)
}
render () {
diff --git a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css
index 045719e03a..1f92cdd9e5 100644
--- a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css
+++ b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css
@@ -73,7 +73,7 @@
}
.remixui_media {
overflow: hidden;
- width: 400px;
+ max-width: 400px;
transition: .5s ease-out;
z-index: 1000;
}
diff --git a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
index 6ebb414806..8af8978080 100644
--- a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
+++ b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
@@ -3,11 +3,9 @@ import React, { useState, useRef, useEffect } from 'react' // eslint-disable-lin
import './remix-ui-home-tab.css'
import { ModalDialog } from '@remix-ui/modal-dialog' // eslint-disable-line
import { Toaster } from '@remix-ui/toaster' // eslint-disable-line
-import Mediumfeed from './components/mediumFeed' // eslint-disable-line
import PluginButton from './components/pluginButton' // eslint-disable-line
import QueryParams from '../../../../../apps/remix-ide/src/lib/query-params'
import { ThemeContext, themes } from './themeContext'
-import { TwitterTimelineEmbed } from 'react-twitter-embed'
import { stat } from 'fs'
declare global {
@@ -65,6 +63,20 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
setState(prevState => { return { ...prevState, showMediaPanel: 'none' } })
}
})
+ // to retrieve twitter feed
+ const scriptTwitter = document.createElement('script')
+ scriptTwitter.src = 'https://platform.twitter.com/widgets.js'
+ scriptTwitter.async = true
+ document.body.appendChild(scriptTwitter)
+ // to retrieve medium publications
+ const scriptMedium = document.createElement('script')
+ scriptMedium.src = 'https://www.twilik.com/assets/retainable/rss-embed/retainable-rss-embed.js'
+ scriptMedium.async = true
+ document.body.appendChild(scriptMedium)
+ return () => {
+ document.body.removeChild(scriptTwitter)
+ document.body.removeChild(scriptMedium)
+ }
}, [])
const toast = (message: string) => {
@@ -205,10 +217,13 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {