From 970d6961008b6a149918fb457963e64f97832f5b Mon Sep 17 00:00:00 2001
From: samlhuillier <sam.jansa123@gmail.com>
Date: Wed, 29 Nov 2023 11:49:05 -0600
Subject: [PATCH] improve button styles

---
 package.json                              | 1 +
 src/components/File/FileEditor.tsx        | 1 -
 src/components/File/NewNote.tsx           | 8 +++++---
 src/components/Settings/SettingsModal.tsx | 9 +++++----
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 6fffeb9c..17aa1e69 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
   },
   "dependencies": {
     "@huggingface/hub": "^0.12.0",
+    "@material-tailwind/react": "^2.1.5",
     "@mdxeditor/editor": "1.11.4",
     "@tailwindcss/typography": "^0.5.10",
     "@xenova/transformers": "^2.8.0",
diff --git a/src/components/File/FileEditor.tsx b/src/components/File/FileEditor.tsx
index 8465cca7..61ebb57c 100644
--- a/src/components/File/FileEditor.tsx
+++ b/src/components/File/FileEditor.tsx
@@ -77,7 +77,6 @@ export const FileEditor: React.FC<FileEditorProps> = ({
   }, [content]); // Dependency on content ensures saveFile has the latest content
 
   useEffect(() => {
-    console.log("setting content in child: ", content);
     setContentInParent(content);
   }, [content]);
 
diff --git a/src/components/File/NewNote.tsx b/src/components/File/NewNote.tsx
index 795ec2d2..c76ef417 100644
--- a/src/components/File/NewNote.tsx
+++ b/src/components/File/NewNote.tsx
@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 import Modal from "../Generic/Modal";
 // import Modal from './Modal'; // Adjust the import path as necessary
+import { Button } from "@material-tailwind/react";
 
 interface NewNoteComponentProps {
   isOpen: boolean;
@@ -45,12 +46,13 @@ const NewNoteComponent: React.FC<NewNoteComponentProps> = ({
           onKeyDown={handleKeyPress}
           placeholder="Note Name"
         />
-        <button
+        <Button
+          className="mt-2 border-none h-10 hover:bg-slate-800 cursor-pointer"
           onClick={sendNewNoteMsg}
-          className="mt-4 bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded"
         >
           Create
-        </button>
+        </Button>
+        {/* </button> */}
       </div>
     </Modal>
   );
diff --git a/src/components/Settings/SettingsModal.tsx b/src/components/Settings/SettingsModal.tsx
index 5bebdcb3..c2f4d4a3 100644
--- a/src/components/Settings/SettingsModal.tsx
+++ b/src/components/Settings/SettingsModal.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import Modal from "../Generic/Modal";
-
+import { Button } from "@material-tailwind/react";
 interface ModalProps {
   isOpen: boolean;
   onClose: () => void;
@@ -32,12 +32,13 @@ const SettingsModal: React.FC<ModalProps> = ({ isOpen, onClose }) => {
           value={openAIKey}
           onChange={(e) => setOpenAIKey(e.target.value)}
         />
-        <button
-          className="mt-4 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
+
+        <Button
+          className="mt-2 border-none h-10 hover:bg-slate-800 cursor-pointer"
           onClick={handleSave}
         >
           Save Key
-        </button>
+        </Button>
       </div>
     </Modal>
   );