mirror of
https://github.com/uqbar-dao/nectar.git
synced 2024-12-23 08:32:23 +03:00
app store home button
This commit is contained in:
Tobias Merkle
parent
352f35ac41
commit
895d939960
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -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>
|
||||
|
||||
@ -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', })}
|
||||
|
||||
@ -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"
|
||||
onClick={() => navigate("/publish")}
|
||||
className="flex flex-col c mr-2 icon"
|
||||
onClick={() => window.location.href = '/'}
|
||||
>
|
||||
<FaUpload />
|
||||
<FaHome />
|
||||
</button>
|
||||
)}
|
||||
{!hidePublish && <button
|
||||
className="flex flex-col c mr-2 icon"
|
||||
onClick={() => navigate("/publish")}
|
||||
>
|
||||
<FaUpload />
|
||||
</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>
|
||||
|
||||
@ -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
1
kinode/packages/homepage/ui/dist/assets/index-BIXROKBk.css
vendored
Normal 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
56
kinode/packages/homepage/ui/dist/assets/index-DL74GjLl.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
kinode/packages/homepage/ui/dist/background.jpg
vendored
Normal file
BIN
kinode/packages/homepage/ui/dist/background.jpg
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
21
kinode/packages/homepage/ui/dist/index.html
vendored
Normal file
21
kinode/packages/homepage/ui/dist/index.html
vendored
Normal 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
4
kinode/packages/homepage/ui/dist/kinode.svg
vendored
Normal 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>
|
||||
|
After Width: | Height: | Size: 644 B |
Loading…
Reference in New Issue
Block a user