Fix: Sort div bottom #8

Author: peterjuma

src/App.js

@@ -90,6 +90,12 @@ class App extends Component {
 
 // Pin a note and persist
 handlePinNote = async (noteid) => {
+  // If the number of pinned notes is 5 or greater, return early
+  if (this.state.pinnedNotes.length >= 5) {
+    alert("You can only pin up to 5 notes.");
+    return;
+  }
+
   await this.handleIndexedDB("addpin", { noteid });
   this.setState((prevState) => {
     const pinnedNotes = [...prevState.pinnedNotes, noteid];
@@ -100,6 +106,7 @@ handlePinNote = async (noteid) => {
   });
 };
 
+
 // Unpin a note and persist
 handleUnpinNote = async (noteid) => {
   await this.handleIndexedDB("removepin", { noteid });
@@ -112,9 +119,6 @@ handleUnpinNote = async (noteid) => {
   });
 };
 
-
-
-
   handleCopyCodeButtonClick = () => {
     if (navigator && navigator.clipboard) {
       this.addCopyButtons(navigator.clipboard);

src/styles.css

@@ -226,8 +226,7 @@ input[type="search"]::-webkit-search-cancel-button {
 
 /* Note List Container*/
 .note-list-pin {
-  height: 270px; /* Set the desired maximum height */
-  overflow-y: auto; /* Enable vertical scrolling */
+  height: 245px; /* Set the desired maximum height */
   margin: 10px 0; /* Add margin for spacing */
   padding-left: 0;
   list-style: none; /* Remove default list styles */
@@ -236,7 +235,7 @@ input[type="search"]::-webkit-search-cancel-button {
 
 /* Note List Container*/
 .note-list-other {
-  overflow-y: auto; /* Enable vertical scrolling */
+  overflow-y: scroll; /* Enable vertical scrolling */
   margin: 10px 0; /* Add margin for spacing */
   padding-left: 0;
   list-style: none; /* Remove default list styles */