chore: change button label
This commit is contained in:
parent
e37d2d11be
commit
6f3a09b52f
2 changed files with 9 additions and 9 deletions
|
|
@ -53,7 +53,7 @@ function Featured() {
|
|||
|
||||
<div className="flex flex-row justify-end">
|
||||
<Button color="ghost" onClick={() => navigate({ to: '/app/browser/package/$provider/$slug', params: { provider, slug } })}>
|
||||
View Package
|
||||
View
|
||||
<ChevronRightIcon />
|
||||
</Button>
|
||||
</div>
|
||||
|
|
@ -85,7 +85,7 @@ function List({ provider }: { provider: Provider }) {
|
|||
const [expanded, setExpanded] = useState(false);
|
||||
return (
|
||||
<div>
|
||||
<h3 className="uppercase p-3 opacity-60">{provider}</h3>
|
||||
<h5 className="uppercase p-3 opacity-60">{provider}</h5>
|
||||
<div className={`relative overflow-hidden ${expanded ? '' : 'h-128'}`}>
|
||||
{search.isSuccess
|
||||
? <PackageGrid items={search.data.items} provider={provider} />
|
||||
|
|
|
|||
|
|
@ -18,9 +18,9 @@ function RouteComponent() {
|
|||
<BrowserProvider>
|
||||
<div>
|
||||
<AnimatedOutlet
|
||||
enter={{animate: {opacity: 1}, initial: {opacity: 1}}}
|
||||
exit={{animate: {opacity: 0}, initial: {opacity: 0}}}
|
||||
from={Route.id}
|
||||
enter={{ animate: { opacity: 1 }, initial: { opacity: 1 } }}
|
||||
exit={{ animate: { opacity: 0 }, initial: { opacity: 0 } }}
|
||||
from={Route.id}
|
||||
/>
|
||||
</div>
|
||||
</BrowserProvider>
|
||||
|
|
@ -122,7 +122,7 @@ function BrowserCategories() {
|
|||
<div className="flex flex-col gap-y-6">
|
||||
<Show when>
|
||||
<div className="flex flex-col gap-y-2">
|
||||
<h6 className="my-1 uppercase opacity-60">Categories</h6>
|
||||
<h5 className="my-1 uppercase opacity-60">Categories</h5>
|
||||
{categories.map(category => (
|
||||
<p
|
||||
aria-selected={context.query.filters?.categories?.includes(category.id)}
|
||||
|
|
@ -142,16 +142,15 @@ function BrowserCategories() {
|
|||
|
||||
function BrowserToolbar() {
|
||||
const context = useBrowserContext();
|
||||
const [query, setQuery] = useState(context.query.query ?? "")
|
||||
const [query, setQuery] = useState(context.query.query ?? '');
|
||||
return (
|
||||
<div className="w-full flex flex-row justify-between bg-page">
|
||||
<div className="flex flex-row gap-2" />
|
||||
|
||||
<div className="flex flex-row gap-2">
|
||||
<TextField
|
||||
value={query}
|
||||
iconLeft={<SearchMdIcon />}
|
||||
onChange={e=>setQuery(e.currentTarget.value)}
|
||||
onChange={e => setQuery(e.currentTarget.value)}
|
||||
onKeyDown={(e) => {
|
||||
if (e.key !== 'Enter')
|
||||
return;
|
||||
|
|
@ -159,6 +158,7 @@ function BrowserToolbar() {
|
|||
context.setQuery({ ...context.query, query: e.currentTarget.value });
|
||||
}}
|
||||
placeholder="Search for content"
|
||||
value={query}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue