v3.1.1

Fixed login button not responding on Perplexity AI
inulute · Nov 5, 2024 · 6001dae · 6001dae
1 parent c954fa1
commit 6001dae
Show file tree

Hide file tree

Showing 7 changed files with 172 additions and 128 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "perplexity-ai-app",
   "productName": "Perplexity AI",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "Perplexity AI desktop application by inulute.",
   "main": "main.js",
   "scripts": {

diff --git a/release_notes/v3.1.1.md b/release_notes/v3.1.1.md
@@ -0,0 +1,58 @@
+### **Perplexity AI v3.1.1**
+
+---
+
+**We apologize for any inconvenience caused by these frequent updates. We promise it's the last one for a while!**
+
+---
+
+**Fix: Login Button Issue**
+- Fixed an issue with the login button that was preventing some users from signing in successfully.
+
+
+---
+
+<img src='https://raw.githubusercontent.com/inulute/perplexity-ai-app/refs/tags/v3.1.0/assets/screenshots/perplexity_app.png'>
+
+---
+
+
+**Hotfix: Startup Issue Resolved**
+- Fixed an issue causing the Perplexity Search screen to remain gray on launch for some users. A clean install is now recommended to ensure smooth functionality on first launch.
+
+---
+
+**Codebase Overhaul**
+- Rebuilt from scratch for improved speed, stability, and efficiency, resulting in faster load times and smoother interactions.
+
+**Unified Interface**
+- All tools are now accessible within a single, cohesive interface, allowing seamless data retention when switching between AI modes.
+
+**Sidebar Navigation**
+- Updated sidebar design with a streamlined, icon-only layout for quick access to all features.
+
+**Settings Section**
+- Added the ability to set a default AI tool, removing the need to select an AI tool at each launch.
+- Enabled shortcut customization and other personalization options.
+
+**Customizable Shortcuts**
+- Configurable shortcuts for essential actions, including switching AI modes, minimizing, restoring, sending to tray, and reloading the app.
+
+**Update Notifications**
+- Redesigned update dialog that fetches release notes from GitHub and displays them in markdown for better readability.
+
+**Accidental Close Protection**
+- Added a confirmation prompt to prevent accidental closure when work is in progress.
+
+**Streamlined User Experience**
+- Removed repetitive sign-up and sign-in prompts for a smoother experience.
+
+**External Link Handling**
+- External links now open in your default browser to keep the in-app experience focused.
+
+**Usability Improvements**
+- Visual enhancements and minor UI tweaks for easier navigation and a cleaner look.
+
+---
+
+**Upgrade now to Perplexity AI v3.1.1!**
diff --git a/src/css/settings.css b/src/css/settings.css
@@ -1,4 +1,4 @@
-    /* Settings styles */
+    /* Base styles */
     body {
       font-family: 'Segoe UI', Tahoma, sans-serif;
       color: #d1d5db;
@@ -13,7 +13,7 @@
     #settings-container {
       width: 470px;
       padding: 25px;
-      background: #2e2e2e;
+      background: #202222;
       border-radius: 12px;
       color: #e5e7eb;
       border: 1px solid #444;
@@ -124,7 +124,7 @@
 
     select option:hover,
     select option:focus {
-      background-color: #3a3a3a;
+      background-color: #20808D;
     }
 
     input[type="text"] {
@@ -140,21 +140,8 @@
 
     input[type="text"]:focus {
       outline: none;
-      border-color: #3a5885;
-      background-color: #2f4b61;
-    }
-
-    .warning {
-      font-size: 0.75em;
-      color: #ff5050;
-      margin-top: 5px;
-      opacity: 0;
-      transition: opacity 0.3s ease;
-   }
-
-
-    .shortcut-input:invalid + .warning {
-      display: block;
+      border-color: #20808D;
+      background-color: #1b6e79;
     }
 
     .button-container {
@@ -178,7 +165,7 @@
     }
 
     .save-button:hover {
-      background-color: #4b5563;
+      background-color: #20808D;
     }
 
     .restore-button {
@@ -202,14 +189,14 @@
 
     .tooltip {
       position: absolute;
-      background-color: #f77070;
+      background-color: #1b6e79;
       color: #ffffff;
       padding: 5px 10px;
       border-radius: 5px;
       font-size: 0.75em;
       box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
       z-index: 10;
-      opacity: 0.5;
+      opacity: 0.8;
       transition: opacity 0.2s;
     }
 
diff --git a/src/css/styles.css b/src/css/styles.css
@@ -1,106 +1,105 @@
 /* styles.css */
 
 * {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-html, body {
-  height: 100%;
-  font-family: Arial, sans-serif;
-  background-color: #2b2b2b; 
-  color: #ffffff;
-  overflow: hidden;
-}
-
-a {
-  text-decoration: none;
-  color: inherit;
-}
-
-img {
-  display: block;
-}
-
-#container {
-  display: flex;
-  height: 100%;
-}
-
-#sidebar {
-  width: 60px;
-  background-color: #3c3c3c;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-top: 10px;
-  padding-bottom: 10px;
-}
-
-#sidebar .menu-item {
-  margin-bottom: 20px;
-  cursor: pointer;
-  transition: transform 0.2s;
-}
-
-#sidebar .menu-item:hover {
-  transform: scale(1.05);
-}
-
-#sidebar .menu-item img {
-  width: 28px;
-  height: 28px;
-}
-
-.spacer {
-  flex-grow: 1;
-}
-
-.version-display {
-  color: #bbb;
-  font-size: 12px;
-  margin-top: 10px;
-  text-align: center;
-}
-
-#content {
-  flex-grow: 1;
-  position: relative;
-}
-
-#webview-container {
-  width: 100%;
-  height: 100%;
-  position: relative;
-}
-
-#loading {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(43, 43, 43, 0.85);
-  display: none;
-  justify-content: center;
-  align-items: center;
-}
-
-#loading.show {
-  display: flex;
-}
-
-.spinner {
-  border: 6px solid #4c4c4c;
-  border-top: 6px solid #7a7a7a;
-  border-radius: 50%;
-  width: 50px;
-  height: 50px;
-  animation: spin 1s linear infinite;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+  }
+
+  html, body {
+    height: 100%;
+    font-family: Arial, sans-serif;
+    background-color: #2b2b2b;
+    color: #ffffff;
+    overflow: hidden;
+  }
+
+  a {
+    text-decoration: none;
+    color: inherit;
+  }
+
+  img {
+    display: block;
+  }
+
+  #container {
+    display: flex;
+    height: 100%;
+  }
+
+  #sidebar {
+    width: 60px;
+    background-color: #3c3c3c;
+    flex-direction: column;
+    align-items: center;
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+
+  #sidebar .menu-item {
+    margin-bottom: 20px;
+    cursor: pointer;
+    transition: transform 0.2s;
+  }
+
+  #sidebar .menu-item:hover {
+    transform: scale(1.05);
+  }
+
+  #sidebar .menu-item img {
+    width: 28px;
+    height: 28px;
+  }
+
+  .spacer {
+    flex-grow: 1;
+  }
+
+  .version-display {
+    color: #bbb;
+    font-size: 12px;
+    margin-top: 10px;
+    text-align: center;
+  }
+
+  #content {
+    flex-grow: 1;
+    position: relative;
+  }
+
+  #webview-container {
+    width: 100%;
+    height: 100%;
+    position: relative;
+  }
+
+  #loading {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: rgba(43, 43, 43, 0.85);
+    display: none;
+    justify-content: center;
+    align-items: center;
+  }
+
+  #loading.show {
+    display: flex;
+  }
+
+  .spinner {
+    border: 6px solid #4c4c4c;
+    border-top: 6px solid #7a7a7a;
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    animation: spin 1s linear infinite;
+  }
+
+  @keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }
diff --git a/src/js/preload/preload.js b/src/js/preload/preload.js