uqbar-dao/nectar
1
1
Fork 0
mirror of https://github.com/uqbar-dao/nectar.git synced 2024-12-23 08:32:23 +03:00
Code Issues Packages Projects Releases Wiki Activity

app store home button

Browse Source
This commit is contained in:
Tobias Merkle 2024-04-29 17:00:27 -04:00
parent 352f35ac41
commit 895d939960
11 changed files with 111 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
kinode/packages/app_store/pkg/ui/assets/index-Lb8jbJl3.js
View File

File diff suppressed because one or more lines are too long

1
kinode/packages/app_store/pkg/ui/assets/index-szfTR2t7.css
View File

File diff suppressed because one or more lines are too long

2
kinode/packages/app_store/pkg/ui/index.html
View File

@ -15,8 +15,6 @@
<meta name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1.00001, viewport-fit=cover" />
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
<script type="module" crossorigin src="/main:app_store:sys/assets/index-Lb8jbJl3.js"></script>
<link rel="stylesheet" crossorigin href="/main:app_store:sys/assets/index-szfTR2t7.css">
</head>
<body>

10
kinode/packages/app_store/ui/src/components/AppHeader.tsx
View File

@ -3,6 +3,7 @@ import { AppInfo } from "../types/Apps";
import { appId } from "../utils/app";
import { useNavigate } from "react-router-dom";
import classNames from "classnames";
import { FaCircleQuestion } from "react-icons/fa6";
interface AppHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
app: AppInfo;
@ -22,14 +23,11 @@ export default function AppHeader({
className={classNames('flex w-full justify-content-start', size, props.className, { 'cursor-pointer': size !== 'large' })}
onClick={() => navigate(`/app-details/${appId(app)}`)}
>
<img
src={
app.metadata?.image ||
"https://png.pngtree.com/png-vector/20190215/ourmid/pngtree-vector-question-mark-icon-png-image_515448.jpg"
}
{app.metadata?.image && <img
src={app.metadata.image}
alt="app icon"
className={classNames('mr-2', { 'h-32 rounded-md': size === 'large', 'h-12 rounded': size !== 'large' })}
/>
/>}
<div className="flex flex-col w-full">
<div
className={classNames("whitespace-nowrap overflow-hidden text-ellipsis", { 'text-3xl': size === 'large', })}

31
kinode/packages/app_store/ui/src/components/SearchHeader.tsx
View File

@ -10,6 +10,7 @@ import {
import { MY_APPS_PATH } from "../constants/path";
import classNames from "classnames";
import { FaHome } from "react-icons/fa";
interface SearchHeaderProps {
value?: string;
@ -17,6 +18,7 @@ interface SearchHeaderProps {
onBack?: () => void;
onlyMyApps?: boolean;
hideSearch?: boolean;
hidePublish?: boolean;
}
export default function SearchHeader({
@ -24,6 +26,7 @@ export default function SearchHeader({
onChange = () => null,
onBack,
hideSearch = false,
hidePublish = false,
}: SearchHeaderProps) {
const navigate = useNavigate();
const location = useLocation();
@ -35,7 +38,7 @@ export default function SearchHeader({
return (
<div className="flex justify-between">
{location.pathname !== '/' ? (
<button className="flex flex-col c mr-1 icon" onClick={() => {
<button className="flex flex-col c mr-2 icon" onClick={() => {
if (onBack) {
onBack()
} else {
@ -46,16 +49,22 @@ export default function SearchHeader({
</button>
) : (
<button
className="flex flex-col c mr-1 alt"
className="flex flex-col c mr-2 icon"
onClick={() => window.location.href = '/'}
>
<FaHome />
</button>
)}
{!hidePublish && <button
className="flex flex-col c mr-2 icon"
onClick={() => navigate("/publish")}
>
<FaUpload />
</button>
)}
</button>}
{!hideSearch && (
<div className="flex mx-2 flex-1 rounded-md">
<div className="flex mr-2 flex-1 rounded-md">
<button
className="icon"
className="icon mr-2"
type="button"
onClick={() => inputRef.current?.focus()}
>
@ -67,10 +76,10 @@ export default function SearchHeader({
onChange={(event) => onChange(event.target.value)}
value={value}
placeholder="Search for apps..."
className="w-full ml-2"
className="w-full mr-2"
/>
{value.length > 0 && <button
className="icon ml-2"
className="icon"
onClick={() => onChange("")}
>
<FaX />
@ -79,11 +88,11 @@ export default function SearchHeader({
)}
<div className="flex">
<button
className={classNames("flex ml-1 alt")}
className={classNames("flex alt")}
onClick={() => (isMyAppsPage ? navigate(-1) : navigate(MY_APPS_PATH))}
>
<FaDownload className="mr-1" />
My Apps
<FaDownload className="mr-2" />
<span>My Apps</span>
</button>
</div>
</div>

6
kinode/packages/app_store/ui/src/pages/PublishPage.tsx
View File

@ -209,7 +209,11 @@ export default function PublishPage({
return (
<div className="max-w-[900px] w-full">
<SearchHeader hideSearch onBack={showMetadataForm ? () => setShowMetadataForm(false) : undefined} />
<SearchHeader
hideSearch
hidePublish
onBack={showMetadataForm ? () => setShowMetadataForm(false) : undefined}
/>
<div className="flex justify-between items-center my-2">
<h4>Publish Package</h4>
{Boolean(account) && <div className="card flex items-center">

1
kinode/packages/homepage/ui/dist/assets/index-BIXROKBk.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

56
kinode/packages/homepage/ui/dist/assets/index-DL74GjLl.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
kinode/packages/homepage/ui/dist/background.jpg vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

21
kinode/packages/homepage/ui/dist/index.html vendored Normal file
View File

@ -0,0 +1,21 @@
<!doctype html>
<html lang="en">
<head>
<!-- TODO our in title <title>${our} - Home</title> -->
<meta charset="utf-8" />
<link rel="icon"
href="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzc5IiBoZWlnaHQ9IjUxNCIgdmlld0JveD0iMCAwIDc3OSA1MTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8c3R5bGU+CiAgICAgICAgQG1lZGlhIChwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyaykgewogICAgICAgICAgICBzdmcgeyBmaWxsOiB3aGl0ZTsgfQogICAgICAgIH0KICAgICAgICBAbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBsaWdodCkgewogICAgICAgICAgICBzdmcgeyBmaWxsOiBibGFjazsgfQogICAgICAgIH0KICAgIDwvc3R5bGU+CiAgICA8cGF0aCBkPSJNNzUzLjA5MiA1LjkxOTMyQzc1Ni41NTcgNS4wOTk3NiA3NTUuOTYyIC0wLjAwMDEyMjA3IDc1Mi40MDEgLTAuMDAwMTIyMDdINDI2LjAwMUM0MjQuNzU1IC0wLjAwMDEyMjA3IDQyMy42MzkgMC43NzAyNyA0MjMuMTk3IDEuOTM1MzVMMjM2Ljk2OCA0OTIuNkMyMzUuNzI5IDQ5NS44NjUgMjQwLjEyMyA0OTguMjU1IDI0Mi4xOTEgNDk1LjQ0MUw1NjkuMzU3IDUwLjExMzJDNTY5Ljc3OCA0OS41MzkyIDU3MC4zOTEgNDkuMTMzOSA1NzEuMDg0IDQ4Ljk3TDc1My4wOTIgNS45MTkzMloiLz4KICAgIDxwYXRoIGQ9Ik0xMS45NjY1IDQwLjIyODhDOS4xMDk0OSAzOC43NzcgMTAuMjEzNSAzNC40NTgzIDEzLjQxNjcgMzQuNTU1N0w0MDQuMjczIDQ2LjQzNjdDNDA2LjMzNCA0Ni40OTkzIDQwNy43MTkgNDguNTc0OSA0MDYuOTg2IDUwLjUwMjNMMzQ3LjQzOCAyMDYuOTgxQzM0Ni44MDQgMjA4LjY0NyAzNDQuODY1IDIwOS4zOTYgMzQzLjI3NSAyMDguNTg4TDExLjk2NjUgNDAuMjI4OFoiLz4KPC9zdmc+Cg==">
<meta httpEquiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1.00001, viewport-fit=cover" />
<script type="module" crossorigin src="/assets/index-DL74GjLl.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BIXROKBk.css">
</head>
<body>
<div id="root"></div>
<script src="/our.js"></script>
</body>
</html>

4
kinode/packages/homepage/ui/dist/kinode.svg vendored Normal file
View File

@ -0,0 +1,4 @@
<svg width="779" height="514" viewBox="0 0 779 514" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M753.092 5.91932C756.557 5.09976 755.962 -0.00012207 752.401 -0.00012207H426.001C424.755 -0.00012207 423.639 0.77027 423.197 1.93535L236.968 492.6C235.729 495.865 240.123 498.255 242.191 495.441L569.357 50.1132C569.778 49.5392 570.391 49.1339 571.084 48.97L753.092 5.91932Z" fill="#FFF5D9"/>
<path d="M11.9665 40.2288C9.10949 38.777 10.2135 34.4583 13.4167 34.5557L404.273 46.4367C406.334 46.4993 407.719 48.5749 406.986 50.5023L347.438 206.981C346.804 208.647 344.865 209.396 343.275 208.588L11.9665 40.2288Z" fill="#FFF5D9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 644 B