Merge pull request #26 from Seol-JY/feature/new

[FEAT]: 다양한 기능 추가

Author: Seol-JY

client/src/App.js

@@ -71,12 +71,12 @@ function App() {
   };
 
   function easteregg() {
-    alert("Remove the window");
+    alert("ㅎㅇ");
   }
 
   return (
     <Provider store={store}>
-      <div
+      {/* <div
         style={{
           margin: "0",
           fontSize: "20px",
@@ -114,7 +114,7 @@ function App() {
             Can you press it?
           </button>
         )}
-      </div>
+      </div> */}
       <div className="scale-wrapper" style={{ transform: `scale(${scale})` }}>
         <Draggable onDrag={(e, data) => trackPos(data)}>
           <div className="form no-drag">
@@ -125,6 +125,16 @@ function App() {
             >
               Speed Coder - Insiders
             </h1>
+            <img
+              style={{
+                position: "absolute",
+                right: "10px",
+                top: "770px",
+                left: "1148px",
+                width: "6%",
+              }}
+              src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fspeedcoder.seol.pro&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&edge_flat=false"
+            />
 
             <ul className="circlewrapper" onClick={easteregg}>
               <li className="circle">

client/src/components/Sidebar.jsx

@@ -11,6 +11,8 @@ export default function Sidebar(props) {
     "server.js",
     "RectangleArea.java",
     "say_hello.py",
+    "Example.java",
+    "Fibonacci.java",
   ];
   useEffect(() => {
     if (props.section === "1") {

client/src/components/SidebarButton.jsx

@@ -6,7 +6,7 @@ export default function SidebarButton(props) {
 
   useEffect(() => {
     checker();
-  }, []);
+  }, [props.daynight]);
 
   function checker() {
     if (props.daynight === 1) {
@@ -16,13 +16,14 @@ export default function SidebarButton(props) {
       ) {
         document.documentElement.setAttribute("data-theme", "dark");
         setdaynightico("light_mode");
+        props.setdaynight(2);
       }
     } else {
       if (props.daynight % 2 === 1) {
-        document.documentElement.setAttribute("data-theme", "dark");
+        document.documentElement.setAttribute("data-theme", "light");
         setdaynightico("light_mode");
       } else {
-        document.documentElement.setAttribute("data-theme", "light");
+        document.documentElement.setAttribute("data-theme", "dark");
         setdaynightico("dark_mode");
       }
     }
@@ -58,7 +59,6 @@ export default function SidebarButton(props) {
           id="onlymargin"
           onClick={() => {
             props.setdaynight(props.daynight + 1);
-            checker();
           }}
         >
           {daynightico}

client/src/utils/egg.js

@@ -50,8 +50,4 @@ can manipulate speed, please report
     "color: balck; font-size: 10px;",
     "color: #fff530; background-color: #212121; font-size: 11px;"
   );
-  console.log(
-    `%cCareful. This might not do what you think.`,
-    "color: yellow; background-color: red; font-size: 14px; font-weight: bold;"
-  );
 }