Update app.py

app.py

@@ -264,7 +264,6 @@ HTML_CONTENT = """
             margin-top: 10px;
         }
 
-        /* File Types */
         .file-types {
             margin-top: 2rem;
             font-size: 0.8rem;
@@ -336,18 +335,27 @@ HTML_CONTENT = """
             font-size: 0.9rem;
         }
 
-        .history-btn {
+        .history-btn-container {
+            display: flex;
+            justify-content: center;
+            gap: 10px;
+            margin-top: 1rem;
+        }
+
+        .history-btn, .clear-history-btn {
             display: inline-block;
             padding: 8px 16px;
             font-size: 0.9rem;
             font-weight: 500;
             color: #ffffff;
-            background-color: #2a2a2a;
             border: none;
             border-radius: 3px;
             cursor: pointer;
             transition: background-color 0.3s ease, box-shadow 0.3s ease;
-            margin-top: 1rem;
+        }
+
+        .history-btn {
+            background-color: #2a2a2a;
         }
 
         .history-btn:hover {
@@ -355,6 +363,15 @@ HTML_CONTENT = """
             box-shadow: 0 0 10px rgba(200, 200, 200, 0.3);
         }
 
+        .clear-history-btn {
+            background-color: #1a0505;
+        }
+
+        .clear-history-btn:hover {
+            background-color: #2a0a0a;
+            box-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
+        }
+
         .history-modal {
             display: none;
             position: fixed;
@@ -406,7 +423,7 @@ HTML_CONTENT = """
             gap: 5px;
         }
 
-        .quick-open-modal {
+                .quick-open-modal {
             display: none;
             position: fixed;
             z-index: 4;
@@ -440,7 +457,7 @@ HTML_CONTENT = """
             border: none;
         }
 
-                @media (max-width: 480px) {
+        @media (max-width: 480px) {
             .container {
                 padding: 1.5rem;
             }
@@ -531,7 +548,10 @@ HTML_CONTENT = """
         <div class="file-types">
             Allowed file types: .zip, .mp4, .txt, .mp3, all image types, .pdf
         </div>
-        <button id="historyBtn" class="history-btn">View Upload History</button>
+        <div class="history-btn-container">
+            <button id="historyBtn" class="history-btn">View Upload History</button>
+            <button id="clearHistoryBtn" class="clear-history-btn">Clear History</button>
+        </div>
     </div>
 
     <div id="embedModal" class="modal">
@@ -576,6 +596,7 @@ HTML_CONTENT = """
         const embedLinkInput = document.getElementById('embedLink');
         const uploadBtn = document.getElementById('uploadBtn');
         const historyBtn = document.getElementById('historyBtn');
+        const clearHistoryBtn = document.getElementById('clearHistoryBtn');
         const historyList = document.getElementById('historyList');
         const quickOpenContent = document.getElementById('quickOpenContent');
 
@@ -642,6 +663,13 @@ HTML_CONTENT = """
             showHistory();
         }
 
+        clearHistoryBtn.onclick = function() {
+            if (confirm('Are you sure you want to clear your upload history?')) {
+                localStorage.removeItem('uploadHistory');
+                alert('Upload history has been cleared.');
+            }
+        }
+
         function handleFileSelect(e) {
             if (e.target.files && e.target.files.length > 0) {
                 const file = e.target.files[0];
@@ -825,7 +853,7 @@ HTML_CONTENT = """
                 };
                 actionsContainer.appendChild(copyBtn);
 
-                const openBtn = document.createElement('button');
+                                const openBtn = document.createElement('button');
                 openBtn.textContent = 'Open';
                 openBtn.className = 'small-btn';
                 openBtn.onclick = () => {
@@ -858,7 +886,7 @@ HTML_CONTENT = """
             historyModal.style.display = "block";
         }
 
-                function quickOpen(url, fileName) {
+        function quickOpen(url, fileName) {
             quickOpenContent.innerHTML = '';
             const fullUrl = window.location.origin + url;