Julien Simon commited on
Commit
dbc2d72
·
1 Parent(s): 7c11600

Replace copy button with a save button

Browse files
Files changed (2) hide show
  1. public/app.js +3 -3
  2. public/style.css +21 -1
public/app.js CHANGED
@@ -14,7 +14,7 @@ const tabButtons = document.querySelectorAll(".tab");
14
  const brutalityBtns = document.querySelectorAll(".brutality-btn");
15
  const issueBadge = document.getElementById("issue-badge");
16
  const reviewMetrics = document.getElementById("review-metrics");
17
- const copyBtn = document.getElementById("copy-btn");
18
  const toast = document.getElementById("toast");
19
 
20
  const GITHUB_BLOB_RE = /^https?:\/\/github\.com\/[^/]+\/[^/]+\/blob\/[^/]+\/.+$/;
@@ -375,7 +375,7 @@ function startReview() {
375
  });
376
  issueBadge.hidden = true;
377
  reviewMetrics.hidden = true;
378
- copyBtn.hidden = true;
379
  fullMarkdown = "";
380
 
381
  if (!url) { showInputError("Please enter a GitHub file URL."); return; }
@@ -425,7 +425,7 @@ function startReview() {
425
  const elapsed = performance.now() - reviewStartTime;
426
  const metrics = computeMetrics(markdown, fileTotalLines, elapsed);
427
  renderMetrics(metrics);
428
- copyBtn.hidden = false;
429
  });
430
 
431
  source.addEventListener("error", (e) => {
 
14
  const brutalityBtns = document.querySelectorAll(".brutality-btn");
15
  const issueBadge = document.getElementById("issue-badge");
16
  const reviewMetrics = document.getElementById("review-metrics");
17
+ const saveBtn = document.getElementById("save-btn");
18
  const toast = document.getElementById("toast");
19
 
20
  const GITHUB_BLOB_RE = /^https?:\/\/github\.com\/[^/]+\/[^/]+\/blob\/[^/]+\/.+$/;
 
375
  });
376
  issueBadge.hidden = true;
377
  reviewMetrics.hidden = true;
378
+ saveBtn.hidden = true;
379
  fullMarkdown = "";
380
 
381
  if (!url) { showInputError("Please enter a GitHub file URL."); return; }
 
425
  const elapsed = performance.now() - reviewStartTime;
426
  const metrics = computeMetrics(markdown, fileTotalLines, elapsed);
427
  renderMetrics(metrics);
428
+ saveBtn.hidden = false;
429
  });
430
 
431
  source.addEventListener("error", (e) => {
public/style.css CHANGED
@@ -547,6 +547,26 @@ h1 {
547
  color: #fff;
548
  }
549
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
550
  /* ---------- Toast Notification ---------- */
551
 
552
  #toast {
@@ -569,4 +589,4 @@ h1 {
569
  #toast.show {
570
  transform: translateX(-50%) translateY(0);
571
  opacity: 1;
572
- }
 
547
  color: #fff;
548
  }
549
 
550
+ /* ---------- Save Button ---------- */
551
+
552
+ #save-btn {
553
+ padding: 6px 14px;
554
+ font-size: 0.82rem;
555
+ font-weight: 500;
556
+ color: #fff;
557
+ background: var(--accent);
558
+ border: 1px solid var(--border);
559
+ border-radius: var(--radius);
560
+ cursor: pointer;
561
+ transition: all 0.15s;
562
+ }
563
+
564
+ #save-btn:hover {
565
+ color: #fff;
566
+ background: var(--accent-hover);
567
+ border-color: var(--accent-hover);
568
+ }
569
+
570
  /* ---------- Toast Notification ---------- */
571
 
572
  #toast {
 
589
  #toast.show {
590
  transform: translateX(-50%) translateY(0);
591
  opacity: 1;
592
+ }