Commit 11dacc56 authored by Alejandro Celaya's avatar Alejandro Celaya Committed by Alejandro Celaya

Replace LinkButton's color prop usage with variant

parent 63d6a64d
...@@ -115,7 +115,7 @@ function AnnotationHeader({ ...@@ -115,7 +115,7 @@ function AnnotationHeader({
<AnnotationUser authorLink={authorLink} displayName={authorName} /> <AnnotationUser authorLink={authorLink} displayName={authorName} />
{replyCount > 0 && isCollapsedReply && ( {replyCount > 0 && isCollapsedReply && (
<LinkButton <LinkButton
color="text-light" variant="text-light"
onClick={onReplyCountClick} onClick={onReplyCountClick}
title="Expand replies" title="Expand replies"
underline="hover" underline="hover"
......
...@@ -40,7 +40,7 @@ function InlineControls({ ...@@ -40,7 +40,7 @@ function InlineControls({
> >
<div className="flex justify-end"> <div className="flex justify-end">
<LinkButton <LinkButton
color="text" variant="text"
onClick={() => setCollapsed(!isCollapsed)} onClick={() => setCollapsed(!isCollapsed)}
expanded={!isCollapsed} expanded={!isCollapsed}
title="Toggle visibility of full excerpt text" title="Toggle visibility of full excerpt text"
......
...@@ -25,7 +25,7 @@ function HelpPanelNavigationButton({ ...@@ -25,7 +25,7 @@ function HelpPanelNavigationButton({
onClick, onClick,
}: HelpPanelNavigationButtonProps) { }: HelpPanelNavigationButtonProps) {
return ( return (
<LinkButton color="brand" onClick={onClick} underline="hover"> <LinkButton variant="brand" onClick={onClick} underline="hover">
<div className="flex items-center gap-x-1"> <div className="flex items-center gap-x-1">
{children} {children}
<ArrowRightIcon className="w-em h-em" /> <ArrowRightIcon className="w-em h-em" />
......
...@@ -28,7 +28,7 @@ function LoggedOutMessage({ onLogin }: LoggedOutMessageProps) { ...@@ -28,7 +28,7 @@ function LoggedOutMessage({ onLogin }: LoggedOutMessageProps) {
create a free account create a free account
</Link>{' '} </Link>{' '}
or{' '} or{' '}
<LinkButton inline color="text" onClick={onLogin} underline="always"> <LinkButton inline variant="text" onClick={onLogin} underline="always">
log in log in
</LinkButton> </LinkButton>
. .
......
...@@ -58,7 +58,7 @@ function Tab({ ...@@ -58,7 +58,7 @@ function Tab({
classes={classnames('bg-transparent min-w-[5.25rem]', { classes={classnames('bg-transparent min-w-[5.25rem]', {
'font-bold': isSelected, 'font-bold': isSelected,
})} })}
color="text" variant="text"
// Listen for `onMouseDown` so that the tab is selected when _pressed_ // Listen for `onMouseDown` so that the tab is selected when _pressed_
// as this makes the UI feel faster. Also listen for `onClick` as a fallback // as this makes the UI feel faster. Also listen for `onClick` as a fallback
// to enable selecting the tab via other input methods. // to enable selecting the tab via other input methods.
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment