diff --git a/client/modules/IDE/pages/IDEView.jsx b/client/modules/IDE/pages/IDEView.jsx index 58cb3f485b..2bd2649770 100644 --- a/client/modules/IDE/pages/IDEView.jsx +++ b/client/modules/IDE/pages/IDEView.jsx @@ -27,7 +27,6 @@ import { } from '../components/Editor/MobileEditor'; import IDEOverlays from '../components/IDEOverlays'; import useIsMobile from '../hooks/useIsMobile'; -import { CrossIcon } from '../../../common/icons'; function getTitle(project) { const { id } = project; @@ -105,7 +104,6 @@ const IDEView = () => { const [sidebarSize, setSidebarSize] = useState(160); const [isOverlayVisible, setIsOverlayVisible] = useState(false); const [MaxSize, setMaxSize] = useState(window.innerWidth); - const [displayBanner, setDisplayBanner] = useState(true); const cmRef = useRef({}); @@ -116,45 +114,6 @@ const IDEView = () => { dispatch(updateFileContent(file.id, file.content)); }; - const Banner = () => { - // temporary banner to display funding opportunities - const [textObj, setTextObj] = useState({}); - - useEffect(() => { - const grant1 = { - copy: - 'Learn to make art with AI with the Social Software High School Summer Institute. Apply by June 1!', - url: 'https://summer.ucla.edu/program/social-software-summer-institute/' - }; - - const grant2 = { - copy: - 'Join us in contributing to p5.js——receive a $10,000 opportunity to grow within the contributor community!', - url: 'https://processingfoundation.org/grants' - }; - - const allMessages = [grant1, grant2]; - const randomIndex = Math.floor(Math.random() * allMessages.length); - const randomMessage = allMessages[randomIndex]; - - setTextObj(randomMessage); - }, []); - - return ( -
- {textObj.copy} - -
- ); - }; - useEffect(() => { dispatch(clearPersistedState()); }, [dispatch]); @@ -211,7 +170,6 @@ const IDEView = () => { {getTitle(project)} - {displayBanner && } cmRef.current?.getContent()} /> diff --git a/client/styles/layout/_ide.scss b/client/styles/layout/_ide.scss index 8fd503f43c..bf7c5ae903 100644 --- a/client/styles/layout/_ide.scss +++ b/client/styles/layout/_ide.scss @@ -16,29 +16,6 @@ width: 100%; } -.banner { - width: 100%; - min-height: 2.2rem; - text-align: center; - padding: 0.5rem; - font-weight: bold; - border-bottom: 1px dashed #A6A6A6; - - @media (max-width: 770px) { - min-height: 3.3rem; - } -} - -.banner-close-button{ - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 20px; - width:20px; - float: right; -} - .sidebar { width: 100%; height: 100%;