fix: toggle launchpad via spotlight

README.md

@@ -4,6 +4,8 @@ My portfolio website simulating macOS's GUI: https://portfolio.zxh.io
 
 Powered by [React](https://reactjs.org/) + [React Redux](https://react-redux.js.org/) + [tailwindcss](https://tailwindcss.com/).
 
+![screenshot](./public/screenshots/screen.png)
+
 
  
 
@@ -28,6 +30,7 @@ yarn build
 - [macOS Catalina](https://www.apple.com/bw/macos/catalina/)
 - [macOS Icon Gallery](https://www.macosicongallery.com/)
 - [sindresorhus/file-icon-cli](https://github.com/sindresorhus/file-icon-cli)
+- [vivek9patel.github.io](https://github.com/vivek9patel/vivek9patel.github.io)
 
 
  

src/components/Spotlight.js

@@ -81,7 +81,9 @@ export default class Spotlight extends Component {
 
   launchCurApp = () => {
     if (this.state.curDetails.type === "app" && !this.state.curDetails.link) {
-      this.props.openApp(this.state.curDetails.id);
+      const id = this.state.curDetails.id;
+      if (id === "launchpad") this.props.toggleLaunchpad(true);
+      else this.props.openApp(id);
       this.props.toggleSpotlight();
     } else {
       window.open(this.state.curDetails.link);

src/configs/bear.js

@@ -26,7 +26,7 @@ const bear = [
         title: "About Me",
         file: "markdown/about-me.md",
         icon: <GiNinjaHeroicStance />,
-        excerpt: "Hey there! I'm Xiaohan Zou, a dragon lost in human world..."
+        excerpt: "Hey there! I'm a dragon lost in human world..."
       },
       {
         id: "github-stats",

src/configs/terminal.js

@@ -27,7 +27,7 @@ const terminal = [
         title: "interests.txt",
         type: "file",
         content:
-          "Continual Learning / Meta-Learning / Reinforcement Learning / Neutral Language Processing"
+          "Machine Learning / Deep Learning / Continual Learning / Meta-Learning / Reinforcement Learning / Neutral Language Processing"
       },
       {
         id: "about-who-cares",
@@ -110,6 +110,26 @@ const terminal = [
         )
       }
     ]
+  },
+  {
+    id: "about-dream",
+    title: "my-dream.cpp",
+    type: "file",
+    content: (
+      <div className="py-1">
+        <div>
+          <span className="text-yellow-400">while</span>(
+          <span className="text-blue-400">sleeping</span>) <span>{"{"}</span>
+        </div>
+        <div>
+          <span className="text-blue-400 ml-9">money</span>
+          <span className="text-yellow-400">++</span>;
+        </div>
+        <div>
+          <span>{"}"}</span>
+        </div>
+      </div>
+    )
   }
 ];
 

src/pages/Desktop.js

@@ -239,6 +239,7 @@ class Desktop extends Component {
         {this.state.spotlight && (
           <Spotlight
             openApp={this.openApp}
+            toggleLaunchpad={this.toggleLaunchpad}
             toggleSpotlight={this.toggleSpotlight}
             btnRef={this.state.spotlightBtnRef}
           />

src/styles/index.css

@@ -223,7 +223,15 @@ body:not(pre) {
 }
 
 .bear .markdown pre {
-  @apply mt-2;
+  @apply mt-2 text-sm;
+}
+
+.bear .markdown pre code {
+  @apply text-sm;
+}
+
+.dark .bear .markdown pre code {
+  font-size: 14px !important;
 }
 
 .bear .markdown pre div {