From 6148f8d1e9b9043cc0db7f60defe8f5a29128ee2 Mon Sep 17 00:00:00 2001
From: Max Leiter <max.leiter@vercel.com>
Date: Sat, 7 Jan 2023 15:14:56 -0800
Subject: [PATCH] Switch default buttonType to secondary

---
 .../edit-document/formatting-icons/index.tsx             | 1 +
 .../edit-document-list/edit-document/index.tsx           | 3 ---
 src/app/components/button/index.tsx                      | 2 +-
 src/app/components/post-list/list-item-skeleton.tsx      | 9 +++++----
 4 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/app/(posts)/new/components/edit-document-list/edit-document/formatting-icons/index.tsx b/src/app/(posts)/new/components/edit-document-list/edit-document/formatting-icons/index.tsx
index 9dda28e7..f48c418e 100644
--- a/src/app/(posts)/new/components/edit-document-list/edit-document/formatting-icons/index.tsx
+++ b/src/app/(posts)/new/components/edit-document-list/edit-document/formatting-icons/index.tsx
@@ -83,6 +83,7 @@ const FormattingIcons = ({
 						iconRight={icon}
 						onMouseDown={(e) => e.preventDefault()}
 						onClick={action}
+						buttonType="secondary"
 					/>
 				</Tooltip>
 			))}
diff --git a/src/app/(posts)/new/components/edit-document-list/edit-document/index.tsx b/src/app/(posts)/new/components/edit-document-list/edit-document/index.tsx
index cea1b5c8..0395537a 100644
--- a/src/app/(posts)/new/components/edit-document-list/edit-document/index.tsx
+++ b/src/app/(posts)/new/components/edit-document-list/edit-document/index.tsx
@@ -24,9 +24,6 @@ const Document = ({
 	defaultTab = "edit",
 	handleOnContentChange
 }: Props) => {
-	// const height = editable ? "500px" : '100%'
-	const height = "100%"
-
 	const onTitleChange = useCallback(
 		(event: ChangeEvent<HTMLInputElement>) =>
 			setTitle ? setTitle(event.target.value) : null,
diff --git a/src/app/components/button/index.tsx b/src/app/components/button/index.tsx
index 9269d665..bac2391d 100644
--- a/src/app/components/button/index.tsx
+++ b/src/app/components/button/index.tsx
@@ -27,7 +27,7 @@ const Button = forwardRef<HTMLButtonElement, Props>(
 			children,
 			onClick,
 			className,
-			buttonType = "primary",
+			buttonType = "secondary",
 			disabled = false,
 			iconRight,
 			iconLeft,
diff --git a/src/app/components/post-list/list-item-skeleton.tsx b/src/app/components/post-list/list-item-skeleton.tsx
index 9f276287..9033eb9d 100644
--- a/src/app/components/post-list/list-item-skeleton.tsx
+++ b/src/app/components/post-list/list-item-skeleton.tsx
@@ -5,17 +5,18 @@ import Skeleton from "@components/skeleton"
 export const ListItemSkeleton = () => (
 	<li>
 		<Card style={{ overflowY: "scroll" }}>
-			<>
+			<div style={{display: 'flex', gap: 16}}>
 				<div className={styles.title}>
 					{/* title */}
 					<Skeleton width={80} height={32} />
 				</div>
 
 				<div className={styles.badges}>
-					<Skeleton width={30} height={32} />
+					<Skeleton width={60} height={32} />
+					<Skeleton width={60} height={32} />
+					<Skeleton width={60} height={32} />
 				</div>
-			</>
-			<hr />
+			</div>
 			<Skeleton width={100} height={32} />
 		</Card>
 	</li>