Added Dark / Light Mode Status icons (#3194)

Signed-off-by: Benjamin Perez <[email protected]>
minio · Jan 17, 2024 · b5554f6 · b5554f6
1 parent fc65f1a
commit b5554f6
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/web-app/package.json b/web-app/package.json
@@ -11,7 +11,7 @@
     "local-storage-fallback": "^4.1.1",
     "lodash": "^4.17.21",
     "luxon": "^3.4.3",
-    "mds": "https://github.com/minio/mds.git#v0.14.0",
+    "mds": "https://github.com/minio/mds.git#v0.15.0",
     "pdfjs-dist": "3.11.174",
     "react": "^18.1.0",
     "react-component-export-image": "^1.0.6",

diff --git a/web-app/src/screens/Console/Common/DarkModeActivator/DarkModeActivator.tsx b/web-app/src/screens/Console/Common/DarkModeActivator/DarkModeActivator.tsx
@@ -15,7 +15,7 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React from "react";
-import { Button, DarkModeIcon } from "mds";
+import { Button, DarkModeIcon, LightModeIcon } from "mds";
 import TooltipWrapper from "../TooltipWrapper/TooltipWrapper";
 import { useSelector } from "react-redux";
 import { AppState, useAppDispatch } from "../../../../store";
@@ -38,7 +38,7 @@ const DarkModeActivator = () => {
     <TooltipWrapper tooltip={`${darkMode ? "Light" : "Dark"} Mode`}>
       <Button
         id={"dark-mode-activator"}
-        icon={<DarkModeIcon />}
+        icon={darkMode ? <LightModeIcon /> : <DarkModeIcon />}
         onClick={darkModeActivator}
       />
     </TooltipWrapper>

diff --git a/web-app/yarn.lock b/web-app/yarn.lock
@@ -8280,15 +8280,15 @@ [email protected]:
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
   integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==
 
-"mds@https://github.com/minio/mds.git#v0.14.0":
-  version "0.14.0"
-  resolved "https://github.com/minio/mds.git#05bb3e2737f0809234bcf63d7517a8df80ab69ed"
+"mds@https://github.com/minio/mds.git#v0.15.0":
+  version "0.15.0"
+  resolved "https://github.com/minio/mds.git#509338e926c86edd14422e3609fb843a9c2b539f"
   dependencies:
     "@types/styled-components" "^5.1.34"
     "@uiw/react-textarea-code-editor" "^3.0.2"
     detect-gpu "^5.0.37"
     luxon "^3.4.4"
-    react-calendar "^4.7.0"
+    react-calendar "^4.8.0"
     react-virtualized "^9.22.5"
     styled-components "^5.3.11"
 
@@ -10167,7 +10167,7 @@ react-app-rewired@^2.2.1:
   dependencies:
     semver "^5.6.0"
 
-react-calendar@^4.7.0:
+react-calendar@^4.8.0:
   version "4.8.0"
   resolved "https://registry.yarnpkg.com/react-calendar/-/react-calendar-4.8.0.tgz#61edbba6d17e7ef8a8012de9143b5e5ff41104c8"
   integrity sha512-qFgwo+p58sgv1QYMI1oGNaop90eJVKuHTZ3ZgBfrrpUb+9cAexxsKat0sAszgsizPMVo7vOXedV7Lqa0GQGMvA==