Merge pull request #57 from Chaitanya1672/feat/java-language-addition

Added Java language and moved all svg logo to separate file
DhanushNehru · Jun 1, 2024 · b83619e · b83619e
2 parents 98b8cc6 + 3beda90
commit b83619e
Show file tree

Hide file tree

Showing 6 changed files with 253 additions and 108 deletions.
diff --git a/src/Images/CppLogo.js b/src/Images/CppLogo.js
@@ -0,0 +1,98 @@
+export default function CppLogo({width = 40, height = 40}) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      x="0px"
+      y="0px"
+      width={width}
+      height={height}
+      viewBox="0 0 48 48"
+    >
+      <linearGradient
+        id="Ey3AfYdg0JtJGx7I73Eu7a_TpULddJc4gTh_gr1"
+        x1="5"
+        x2="43"
+        y1="24"
+        y2="24"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset=".002" stopColor="#427fdb"></stop>
+        <stop offset=".397" stopColor="#2668cb"></stop>
+        <stop offset=".763" stopColor="#1358bf"></stop>
+        <stop offset="1" stopColor="#0c52bb"></stop>
+      </linearGradient>
+      <path
+        fill="url(#Ey3AfYdg0JtJGx7I73Eu7a_TpULddJc4gTh_gr1)"
+        fillRule="evenodd"
+        d="M22.903,3.286c0.679-0.381,1.515-0.381,2.193,0	c3.355,1.883,13.451,7.551,16.807,9.434C42.582,13.1,43,13.804,43,14.566c0,3.766,0,15.101,0,18.867	c0,0.762-0.418,1.466-1.097,1.847c-3.355,1.883-13.451,7.551-16.807,9.434c-0.679,0.381-1.515,0.381-2.193,0	c-3.355-1.883-13.451-7.551-16.807-9.434C5.418,34.899,5,34.196,5,33.434c0-3.766,0-15.101,0-18.867	c0-0.762,0.418-1.466,1.097-1.847C9.451,10.837,19.549,5.169,22.903,3.286z"
+        clipRule="evenodd"
+      ></path>
+      <linearGradient
+        id="Ey3AfYdg0JtJGx7I73Eu7b_TpULddJc4gTh_gr2"
+        x1="5"
+        x2="42.487"
+        y1="18.702"
+        y2="18.702"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset="0" stopColor="#32bdef"></stop>
+        <stop offset="1" stopColor="#1ea2e4"></stop>
+      </linearGradient>
+      <path
+        fill="url(#Ey3AfYdg0JtJGx7I73Eu7b_TpULddJc4gTh_gr2)"
+        fillRule="evenodd"
+        d="M5.304,34.404C5.038,34.048,5,33.71,5,33.255c0-3.744,0-15.014,0-18.759c0-0.758,0.417-1.458,1.094-1.836	c3.343-1.872,13.405-7.507,16.748-9.38c0.677-0.379,1.594-0.371,2.271,0.008c3.343,1.872,13.371,7.459,16.714,9.331	c0.27,0.152,0.476,0.335,0.66,0.576L5.304,34.404z"
+        clipRule="evenodd"
+      ></path>
+      <path
+        fill="#fff"
+        fillRule="evenodd"
+        d="M24,10c7.727,0,14,6.273,14,14s-6.273,14-14,14s-14-6.273-14-14	S16.273,10,24,10z M24,17c3.863,0,7,3.136,7,7c0,3.863-3.137,7-7,7s-7-3.137-7-7C17,20.136,20.136,17,24,17z"
+        clipRule="evenodd"
+      ></path>
+      <linearGradient
+        id="Ey3AfYdg0JtJGx7I73Eu7c_TpULddJc4gTh_gr3"
+        x1="23.593"
+        x2="43"
+        y1="23.852"
+        y2="23.852"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop offset="0" stopColor="#2aa4f4"></stop>
+        <stop offset="1" stopColor="#007ad9"></stop>
+      </linearGradient>
+      <path
+        fill="url(#Ey3AfYdg0JtJGx7I73Eu7c_TpULddJc4gTh_gr3)"
+        fillRule="evenodd"
+        d="M42.485,13.205c0.516,0.483,0.506,1.211,0.506,1.784c0,3.795-0.032,14.589,0.009,18.384c0.004,0.396-0.127,0.813-0.323,1.127	L23.593,24L42.485,13.205z"
+        clipRule="evenodd"
+      ></path>
+      <g opacity=".05">
+        <path d="M33,21v2h2v2h-2v2h-2v-2h-2v-2h2v-2H33 M34,20h-1h-2h-1v1v1h-1h-1v1v2v1h1h1v1v1h1h2h1v-1v-1h1h1v-1v-2v-1h-1h-1v-1V20 L34,20z"></path>
+        <path d="M40,21v2h2v2h-2v2h-2v-2h-2v-2h2v-2H40 M41,20h-1h-2h-1v1v1h-1h-1v1v2v1h1h1v1v1h1h2h1v-1v-1h1h1v-1v-2v-1h-1h-1v-1V20 L41,20z"></path>
+      </g>
+      <g opacity=".07">
+        <path d="M33,21v2h2v2h-2v2h-2v-2h-2v-2h2v-2H33 M33.5,20.5H33h-2h-0.5V21v1.5H29h-0.5V23v2v0.5H29h1.5V27v0.5H31h2h0.5V27v-1.5H35 h0.5V25v-2v-0.5H35h-1.5V21V20.5L33.5,20.5z"></path>
+        <path d="M40,21v2h2v2h-2v2h-2v-2h-2v-2h2v-2H40 M40.5,20.5H40h-2h-0.5V21v1.5H36h-0.5V23v2v0.5H36h1.5V27v0.5H38h2h0.5V27v-1.5H42 h0.5V25v-2v-0.5H42h-1.5V21V20.5L40.5,20.5z"></path>
+      </g>
+      <polygon
+        fill="#fff"
+        points="33,21 31,21 31,23 29,23 29,25 31,25 31,27 33,27 33,25 35,25 35,23 33,23"
+      ></polygon>
+      <polygon
+        fill="#fff"
+        points="42,23 40,23 40,21 38,21 38,23 36,23 36,25 38,25 38,27 40,27 40,25 42,25"
+      ></polygon>
+      <g>
+        <path
+          d="M24,10c5.128,0,9.602,2.771,12.041,6.887l-6.073,3.47C28.737,18.347,26.527,17,24,17c-3.864,0-7,3.136-7,7 c0,3.863,3.137,7,7,7c2.57,0,4.812-1.392,6.029-3.459l6.132,3.374C33.75,35.142,29.21,38,24,38c-7.727,0-14-6.273-14-14 S16.273,10,24,10 M24,9C15.729,9,9,15.729,9,24s6.729,15,15,15c5.367,0,10.36-2.908,13.03-7.59l0.503-0.882l-0.89-0.49 l-6.132-3.374l-0.851-0.468l-0.493,0.837C28.09,28.863,26.11,30,24,30c-3.308,0-6-2.692-6-6s2.692-6,6-6 c2.099,0,4.011,1.076,5.115,2.879l0.507,0.828l0.842-0.481l6.073-3.47l0.882-0.504l-0.518-0.874C34.205,11.827,29.262,9,24,9L24,9 z"
+          opacity=".05"
+        ></path>
+        <path
+          d="M24,10c5.128,0,9.602,2.771,12.041,6.887l-6.073,3.47C28.737,18.347,26.527,17,24,17c-3.864,0-7,3.136-7,7 c0,3.863,3.137,7,7,7c2.57,0,4.812-1.392,6.029-3.459l6.132,3.374C33.75,35.142,29.21,38,24,38c-7.727,0-14-6.273-14-14 S16.273,10,24,10 M24,9.5C16.005,9.5,9.5,16.005,9.5,24S16.005,38.5,24,38.5c5.188,0,10.014-2.812,12.595-7.337l0.252-0.441 l-0.445-0.245l-6.132-3.374l-0.425-0.234l-0.246,0.418C28.431,29.269,26.286,30.5,24,30.5c-3.584,0-6.5-2.916-6.5-6.5 s2.916-6.5,6.5-6.5c2.275,0,4.346,1.166,5.542,3.118l0.253,0.414l0.421-0.241l6.073-3.47l0.441-0.252l-0.259-0.437 C33.864,12.233,29.086,9.5,24,9.5L24,9.5z"
+          opacity=".07"
+        ></path>
+      </g>
+    </svg>
+  );
+}
diff --git a/src/Images/JavaLogo.js b/src/Images/JavaLogo.js
@@ -0,0 +1,43 @@
+export default function JavaLogo({width = 40, height = 40}) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      x="0px"
+      y="0px"
+      width={width}
+      height={height}
+      viewBox="0 0 48 48"
+    >
+      <path
+        fill="#F44336"
+        d="M23.65,24.898c-0.998-1.609-1.722-2.943-2.725-5.455C19.229,15.2,31.24,11.366,26.37,3.999c2.111,5.089-7.577,8.235-8.477,12.473C17.07,20.37,23.645,24.898,23.65,24.898z"
+      ></path>
+      <path
+        fill="#F44336"
+        d="M23.878,17.27c-0.192,2.516,2.229,3.857,2.299,5.695c0.056,1.496-1.447,2.743-1.447,2.743s2.728-0.536,3.579-2.818c0.945-2.534-1.834-4.269-1.548-6.298c0.267-1.938,6.031-5.543,6.031-5.543S24.311,11.611,23.878,17.27z"
+      ></path>
+      <g>
+        <path
+          fill="#1565C0"
+          d="M32.084 25.055c1.754-.394 3.233.723 3.233 2.01 0 2.901-4.021 5.643-4.021 5.643s6.225-.742 6.225-5.505C37.521 24.053 34.464 23.266 32.084 25.055zM29.129 27.395c0 0 1.941-1.383 2.458-1.902-4.763 1.011-15.638 1.147-15.638.269 0-.809 3.507-1.638 3.507-1.638s-7.773-.112-7.773 2.181C11.683 28.695 21.858 28.866 29.129 27.395z"
+        ></path>
+        <path
+          fill="#1565C0"
+          d="M27.935,29.571c-4.509,1.499-12.814,1.02-10.354-0.993c-1.198,0-2.974,0.963-2.974,1.889c0,1.857,8.982,3.291,15.63,0.572L27.935,29.571z"
+        ></path>
+        <path
+          fill="#1565C0"
+          d="M18.686,32.739c-1.636,0-2.695,1.054-2.695,1.822c0,2.391,9.76,2.632,13.627,0.205l-2.458-1.632C24.271,34.404,17.014,34.579,18.686,32.739z"
+        ></path>
+        <path
+          fill="#1565C0"
+          d="M36.281,36.632c0-0.936-1.055-1.377-1.433-1.588c2.228,5.373-22.317,4.956-22.317,1.784c0-0.721,1.807-1.427,3.477-1.093l-1.42-0.839C11.26,34.374,9,35.837,9,37.017C9,42.52,36.281,42.255,36.281,36.632z"
+        ></path>
+        <path
+          fill="#1565C0"
+          d="M39,38.604c-4.146,4.095-14.659,5.587-25.231,3.057C24.341,46.164,38.95,43.628,39,38.604z"
+        ></path>
+      </g>
+    </svg>
+  );
+}
diff --git a/src/Images/JavaScriptLogo.js b/src/Images/JavaScriptLogo.js
@@ -0,0 +1,39 @@
+export default function JavascriptLogo({ width = 40, height = 40 }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      x="0px"
+      y="0px"
+      width={width}
+      height={height}
+      viewBox="0,0,256,256"
+    >
+      <g transform="">
+        <g
+          fill="none"
+          fillRule="nonzero"
+          stroke="none"
+          strokeWidth="1"
+          strokeLinecap="butt"
+          strokeLinejoin="miter"
+          strokeMiterlimit="10"
+          strokeDasharray=""
+          strokeDashoffset="0"
+          fontFamily="none"
+          fontWeight="none"
+          fontSize="none"
+          textAnchor="none"
+          style={{ mixBlendMode: "normal" }}
+        >
+          <g transform="scale(5.33333,5.33333)">
+            <path d="M6,42v-36h36v36z" fill="#ffd600"></path>
+            <path
+              d="M29.538,32.947c0.692,1.124 1.444,2.201 3.037,2.201c1.338,0 2.04,-0.665 2.04,-1.585c0,-1.101 -0.726,-1.492 -2.198,-2.133l-0.807,-0.344c-2.329,-0.988 -3.878,-2.226 -3.878,-4.841c0,-2.41 1.845,-4.244 4.728,-4.244c2.053,0 3.528,0.711 4.592,2.573l-2.514,1.607c-0.553,-0.988 -1.151,-1.377 -2.078,-1.377c-0.946,0 -1.545,0.597 -1.545,1.377c0,0.964 0.6,1.354 1.985,1.951l0.807,0.344c2.745,1.169 4.293,2.363 4.293,5.047c0,2.892 -2.284,4.477 -5.35,4.477c-2.999,0 -4.702,-1.505 -5.65,-3.368zM17.952,33.029c0.506,0.906 1.275,1.603 2.381,1.603c1.058,0 1.667,-0.418 1.667,-2.043v-10.589h3.333v11.101c0,3.367 -1.953,4.899 -4.805,4.899c-2.577,0 -4.437,-1.746 -5.195,-3.368z"
+              fill="#000001"
+            ></path>
+          </g>
+        </g>
+      </g>
+    </svg>
+  );
+}
diff --git a/src/Images/PythonLogo.js b/src/Images/PythonLogo.js
@@ -0,0 +1,42 @@
+export default function PythonLogo({ width = 40, height = 40 }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      x="0px"
+      y="0px"
+      width={width}
+      height={height}
+      viewBox="0,0,256,256"
+    >
+      <g transform="translate(30.72,30.72) scale(0.76,0.76)">
+        <g
+          fill="none"
+          fillRule="nonzero"
+          stroke="none"
+          strokeWidth="1"
+          strokeLinecap="butt"
+          strokeLinejoin="miter"
+          strokeMiterlimit="10"
+          strokeDasharray=""
+          strokeDashoffset="0"
+          fontFamily="none"
+          fontWeight="none"
+          fontSize="none"
+          textAnchor="none"
+          style={{ mixBlendMode: "normal" }}
+        >
+          <g transform="scale(5.33333,5.33333)">
+            <path
+              d="M24.047,5c-1.555,0.005 -2.633,0.142 -3.936,0.367c-3.848,0.67 -4.549,2.077 -4.549,4.67v3.963h9v2h-9.342h-4.35c-2.636,0 -4.943,1.242 -5.674,4.219c-0.826,3.417 -0.863,5.557 0,9.125c0.655,2.661 2.098,4.656 4.735,4.656h3.632v-5.104c0,-2.966 2.686,-5.896 5.764,-5.896h7.236c2.523,0 5,-1.862 5,-4.377v-8.586c0,-2.439 -1.759,-4.263 -4.218,-4.672c0.061,-0.006 -1.756,-0.371 -3.298,-0.365zM19.063,9c0.821,0 1.5,0.677 1.5,1.502c0,0.833 -0.679,1.498 -1.5,1.498c-0.837,0 -1.5,-0.664 -1.5,-1.498c0,-0.822 0.663,-1.502 1.5,-1.502z"
+              fill="#0277bd"
+            ></path>
+            <path
+              d="M23.078,43c1.555,-0.005 2.633,-0.142 3.936,-0.367c3.848,-0.67 4.549,-2.077 4.549,-4.67v-3.963h-9v-2h9.343h4.35c2.636,0 4.943,-1.242 5.674,-4.219c0.826,-3.417 0.863,-5.557 0,-9.125c-0.656,-2.661 -2.099,-4.656 -4.736,-4.656h-3.632v5.104c0,2.966 -2.686,5.896 -5.764,5.896h-7.236c-2.523,0 -5,1.862 -5,4.377v8.586c0,2.439 1.759,4.263 4.218,4.672c-0.061,0.006 1.756,0.371 3.298,0.365zM28.063,39c-0.821,0 -1.5,-0.677 -1.5,-1.502c0,-0.833 0.679,-1.498 1.5,-1.498c0.837,0 1.5,0.664 1.5,1.498c0,0.822 -0.664,1.502 -1.5,1.502z"
+              fill="#ffc107"
+            ></path>
+          </g>
+        </g>
+      </g>
+    </svg>
+  );
+}
diff --git a/src/constants/constants.js b/src/constants/constants.js
@@ -1,3 +1,8 @@
+import CppLogo from "../Images/CppLogo"
+import JavaLogo from "../Images/JavaLogo"
+import JavascriptLogo from "../Images/JavaScriptLogo"
+import PythonLogo from "../Images/PythonLogo"
+
 export const judge0SubmitUrl =
   process.env.JUDGE0_SUMBISSION_URL || process.env.REACT_APP_RAPID_API_URL
 export const rapidApiHost = process.env.REACT_APP_RAPID_API_HOST
@@ -6,21 +11,31 @@ export const rapidApiKey = process.env.REACT_APP_RAPID_API_KEY
 export const LANGUAGE_ID_FOR_JAVASCRIPT = 63
 export const LANGUAGE_ID_FOR_PYTHON3 = 71
 export const LANGUAGE_ID_FOR_CPP = 76
+export const LANGUAGE_ID_FOR_JAVA = 62;
 
 export const LANGUAGES = [
   {
     ID: LANGUAGE_ID_FOR_JAVASCRIPT,
     NAME: "Javascript",
     DEFAULT_LANGUAGE: "javascript",
+    LOGO: <JavascriptLogo/>
   },
   {
     ID: LANGUAGE_ID_FOR_PYTHON3,
     NAME: "Python3",
     DEFAULT_LANGUAGE: "python",
+    LOGO: <PythonLogo/>
   },
   {
     ID: LANGUAGE_ID_FOR_CPP,
     NAME: "C++",
-    DEFAULT_LANGUAGE: "C++(Clang 7.0.1)"
+    DEFAULT_LANGUAGE: "C++(Clang 7.0.1)",
+    LOGO: <CppLogo/>
+  },
+  {
+    ID: LANGUAGE_ID_FOR_JAVA,
+    NAME: "Java",
+    DEFAULT_LANGUAGE: "java",
+    LOGO: <JavaLogo/>
   },
 ];