feat: Preferences (General Tab)

packages/bruno-app/src/components/Preferences/General/StyledWrapper.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+
+const StyledWrapper = styled.div`
+  color: ${(props) => props.theme.text};
+`;
+
+export default StyledWrapper;

packages/bruno-app/src/components/Preferences/General/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import StyledWrapper from './StyledWrapper';
+
+const General = () => {
+  return (
+    <StyledWrapper>
+      <div className="flex items-center mt-2">
+        <input type="checkbox" checked={true} className="mr-3 mousetrap" />
+        SSL Certificate Verification
+      </div>
+    </StyledWrapper>
+  );
+};
+
+export default General;

packages/bruno-app/src/components/Preferences/Support/index.js

@@ -6,7 +6,7 @@ const Support = () => {
   return (
     <StyledWrapper>
       <div className="rows">
-        <div>
+        <div className="mt-2">
           <a href="https://docs.usebruno.com" target="_blank" className="flex items-end">
             <IconBook size={18} strokeWidth={2} />
             <span className="label ml-2">Documentation</span>

packages/bruno-app/src/components/Preferences/index.js

@@ -2,6 +2,7 @@ import Modal from 'components/Modal/index';
 import classnames from 'classnames';
 import React, { useState } from 'react';
 import Support from './Support';
+import General from './General';
 import Theme from './Theme';
 import StyledWrapper from './StyledWrapper';
 
@@ -17,7 +18,7 @@ const Preferences = ({ onClose }) => {
   const getTabPanel = (tab) => {
     switch (tab) {
       case 'general': {
-        return <div>General</div>;
+        return <General />;
       }
 
       case 'theme': {

packages/bruno-app/src/providers/Theme/index.js

@@ -1,5 +1,5 @@
 import themes from 'themes/index';
-import useLocalStorage from 'src/hooks/useLocalStorage/index';
+import useLocalStorage from 'hooks/useLocalStorage/index';
 
 import { createContext, useContext } from 'react';
 import { ThemeProvider as SCThemeProvider } from 'styled-components';

packages/bruno-electron/src/app/last-opened-collections.js

@@ -8,6 +8,7 @@ class LastOpenedCollections {
       name: 'preferences',
       clearInvalidConfig: true
     });
+    console.log(`Preferences file is located at: ${this.store.path}`);
   }
 
   getAll() {