From 6c95437f371dcd2f2bcf1b22379a18ab7de430c7 Mon Sep 17 00:00:00 2001
From: Hyeonho Kang <hyeonhokang10@kakao.com>
Date: Tue, 27 Aug 2024 00:05:19 +0900
Subject: [PATCH] Delete intro page

---
 src/App.js                   |  3 +--
 src/pages/EditorComponent.js |  9 +++----
 src/pages/LandingPage.css    | 46 ------------------------------------
 src/pages/LandingPage.js     | 18 --------------
 4 files changed, 6 insertions(+), 70 deletions(-)
 delete mode 100644 src/pages/LandingPage.css
 delete mode 100644 src/pages/LandingPage.js

diff --git a/src/App.js b/src/App.js
index d4751da..16e33a8 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,5 @@
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { ThemeProvider } from "@mui/material";
-import LandingPage from "./pages/LandingPage";
 import EditorComponent from "./pages/EditorComponent";
 import "./components/css/App.css"
 import theme from "./theme";
@@ -12,7 +11,7 @@ function App() {
       <SnackbarProvider>
         <BrowserRouter>
           <Routes>
-            <Route path="/" element={<LandingPage />} />
+            <Route path="/" element={<EditorComponent />} />
             <Route path="/editor" element={<EditorComponent />} />
           </Routes>
         </BrowserRouter>
diff --git a/src/pages/EditorComponent.js b/src/pages/EditorComponent.js
index c140daa..f2b1b75 100644
--- a/src/pages/EditorComponent.js
+++ b/src/pages/EditorComponent.js
@@ -5,6 +5,7 @@ import "../components/css/EditorComponent.css";
 import "@fortawesome/fontawesome-free/css/all.css";
 import { useSnackbar } from "notistack";
 import { Button, CircularProgress, styled } from "@mui/material";
+import Stars from "../components/js/Stars";
 import {
   LANGUAGES,
   judge0SubmitUrl,
@@ -130,11 +131,12 @@ function EditorComponent() {
   return (
     <div className="editor-container">
       <div style={{ height: "auto", margin: "0.5rem", padding: "0.5rem", border: "3px solid rgba(0, 0, 0, 0.096)", borderRadius: "1rem" }}>
-        <div style={styles.flexStart}>
+        <div style={styles.flex}>
           {getLanguageLogoById(languageDetails.LANGUAGE_ID)}
           <div style={{ fontWeight: "bold" }}>
             {languageDetails.LANGUAGE_NAME}
           </div>
+          <Stars />
         </div>
       </div>
       <div className="layout">
@@ -173,12 +175,11 @@ function EditorComponent() {
 }
 
 const styles = {
-  flexStart: {
+  flex: {
     display: "flex",
-    justifyContent: "flex-start",
+    justifyContent: "space-between",
     alignItems: "center",
     gap: "0.6em",
-    paddingTop: "0.5rem",
   },
   button: {
     marginLeft: "5px",
diff --git a/src/pages/LandingPage.css b/src/pages/LandingPage.css
deleted file mode 100644
index ee5db83..0000000
--- a/src/pages/LandingPage.css
+++ /dev/null
@@ -1,46 +0,0 @@
-/* LandingPage.css */
-.landing-page {
-    text-align: center;
-    margin-top: 100px;
-  }
-  
-  .landing-page h1 {
-    font-size: 4em;
-    color: #333;
-  }
-  
-  .landing-page a {
-    display: block;
-    margin-top: 20px;
-    text-decoration: none;
-    color: #007bff;
-    font-size: 1.2em;
-  }
-  
-  .landing-page button {
-    margin-top: 20px;
-    padding: 10px 20px;
-    background-color: #252525;
-    color: #fff;
-    border: none;
-    border-radius: 10px;
-    font-size: 1.2em;
-    cursor: pointer;
-  }
-  
-  /* Media query for screens smaller than 768px */
-  /* for mobile responsiveness for Landing page edit this only */
-  @media (max-width: 768px) {
-    .landing-page h1 {
-      font-size: 2em;
-    }
-  
-    .landing-page a {
-      font-size: 1em;
-    }
-  
-    .landing-page button {
-      padding: 8px 15px;
-      font-size: 1em;
-    }
-  }
\ No newline at end of file
diff --git a/src/pages/LandingPage.js b/src/pages/LandingPage.js
deleted file mode 100644
index 97d7b4d..0000000
--- a/src/pages/LandingPage.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { Link } from "react-router-dom";
-import Stars from "../components/js/Stars";
-import styles from "./LandingPage.css";
-
-function LandingPage() {
-  return (
-    <div className="landing-page" style={styles.container}>
-      <h1 style={styles.heading}>Welcome</h1>
-      <Stars />
-      <Link to="/editor" style={styles.link}>
-        <button style={styles.button}>Click Here to Proceed</button>
-      </Link>
-    </div>
-  );
-}
-
-export default LandingPage;