From a69380273d43dc799ef2e7b71ff11748d6a86856 Mon Sep 17 00:00:00 2001
From: Claudio Poli <masterkain@gmail.com>
Date: Fri, 26 May 2023 05:38:54 +0200
Subject: [PATCH] fix(page.tsx): remove unused project_id parameter from Notice
 component chore(Backtrace.tsx): comment out BookmarkButton import and usage
 style(ClipboardButton.tsx): update button styles to match design system and
 add hover effect

---
 app/notices/[notice_id]/page.tsx          | 2 +-
 components/occurrence/Backtrace.tsx       | 6 +++---
 components/occurrence/ClipboardButton.tsx | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/notices/[notice_id]/page.tsx b/app/notices/[notice_id]/page.tsx
index d233e6f2..4f7f99fc 100644
--- a/app/notices/[notice_id]/page.tsx
+++ b/app/notices/[notice_id]/page.tsx
@@ -14,7 +14,7 @@ export default async function Notice({
   params,
   searchParams,
 }: {
-  params: { project_id: string; notice_id: string };
+  params: { notice_id: string };
   searchParams: Record<string, string>;
 }) {
   const notice = await prisma.notice.findFirst({
diff --git a/components/occurrence/Backtrace.tsx b/components/occurrence/Backtrace.tsx
index 63b85e6f..fec46d06 100644
--- a/components/occurrence/Backtrace.tsx
+++ b/components/occurrence/Backtrace.tsx
@@ -2,7 +2,7 @@ import classNames from '@/lib/classNames';
 import { BacktraceItem } from '@/types/airbroke';
 import { Occurrence, Prisma, Project } from '@prisma/client';
 import LinkedBacktraceLine from './BacktraceLine';
-import BookmarkButton from './BookmarkButton';
+// import BookmarkButton from './BookmarkButton';
 import ClipboardButton from './ClipboardButton';
 
 function isBacktraceItem(item: any): item is BacktraceItem {
@@ -13,9 +13,9 @@ export default function Backtrace({ occurrence, project }: { occurrence: Occurre
   return (
     <div className="px-4 sm:px-6 lg:px-8">
       <div className="flex items-center justify-between">
-        <div className="flex items-center gap-x-4">
+        <div className="mb-4 flex items-center gap-x-4">
           <ClipboardButton json={occurrence.backtrace} />
-          <BookmarkButton projectId={project.id} noticeId={occurrence.notice_id} occurrenceId={occurrence.id} />
+          {/* <BookmarkButton projectId={project.id} noticeId={occurrence.notice_id} occurrenceId={occurrence.id} /> */}
         </div>
       </div>
       {occurrence.backtrace && typeof occurrence.backtrace === 'object' && Array.isArray(occurrence.backtrace) && (
diff --git a/components/occurrence/ClipboardButton.tsx b/components/occurrence/ClipboardButton.tsx
index e8a765ee..42762f93 100644
--- a/components/occurrence/ClipboardButton.tsx
+++ b/components/occurrence/ClipboardButton.tsx
@@ -20,7 +20,7 @@ export default function ClipboardButton({ json }: { json: Prisma.JsonValue }) {
   return (
     <button
       onClick={handleCopy}
-      className="inline-flex items-center gap-x-1.5 rounded-md bg-indigo-900 px-3 py-2 text-sm font-semibold text-indigo-200 hover:bg-indigo-800 hover:text-white"
+      className="inline-flex items-center gap-x-1.5 rounded-md px-3  py-2 text-sm font-semibold text-indigo-200 shadow-sm transition-colors duration-200 hover:bg-indigo-500 hover:text-white"
     >
       <HiClipboardCopy className="h-4 w-4 md:h-5 md:w-5" aria-hidden="true" />
       {isCopied ? 'Copied!' : 'Copy to Clipboard'}