Update page metadata

This commit is contained in:
Kieran 2022-12-28 16:08:33 +00:00
parent 00b0cecf6c
commit d2a1b7f5ac
Signed by: Kieran
GPG Key ID: DE71CEB3925BE941
12 changed files with 14 additions and 40 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

View File

@ -7,37 +7,14 @@
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
content="Fast nostr web ui"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="apple-touch-icon" href="%PUBLIC_URL%/nostrich_512.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
<title>snort.social - Nostr interface</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.4 KiB

View File

@ -1,19 +1,15 @@
{
"short_name": "React App",
"name": "Create React App Sample",
"short_name": "snort.social",
"name": "snort.social - Nostr interface",
"description": "Fast nostr web ui",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"src": "nostrich_256.png",
"type": "image/png",
"sizes": "192x192"
"sizes": "256x256"
},
{
"src": "logo512.png",
"src": "nostrich_512.png",
"type": "image/png",
"sizes": "512x512"
}
@ -21,5 +17,5 @@
"start_url": ".",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
"background_color": "#000000"
}

BIN
public/nostrich_256.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 171 KiB

BIN
public/nostrich_512.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 650 KiB

BIN
public/nostrich_orig.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 771 KiB

View File

@ -1,6 +1,7 @@
import "./ProfileImage.css";
import { useNavigate } from "react-router-dom";
import useProfile from "../pages/feed/ProfileFeed";
import Nostrich from "../nostrich.jpg";
export default function ProfileImage(props) {
const pubKey = props.pubKey;
@ -10,7 +11,7 @@ export default function ProfileImage(props) {
return (
<div className="pfp">
<img src={user?.picture} onClick={() => navigate(`/p/${pubKey}`)} />
<img src={user?.picture ?? Nostrich} onClick={() => navigate(`/p/${pubKey}`)} />
<div>
{user?.name ?? pubKey.substring(0, 8)}
{subHeader}

View File

@ -1,4 +1,3 @@
import { useSelector } from "react-redux";
import Connection from "./Connection";
/**

BIN
src/nostrich.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 338 KiB

View File

@ -6,6 +6,7 @@ import { useContext, useEffect, useState } from "react";
import Event from "../nostr/Event";
import { NostrContext } from "..";
import { resetProfile } from "../state/Users";
import Nostrich from "../nostrich.jpg";
export default function ProfilePage() {
const system = useContext(NostrContext);
@ -27,7 +28,7 @@ export default function ProfilePage() {
useEffect(() => {
if (user) {
setName(user.name ?? "");
setPicture(user.picture ?? "");
setPicture(user.picture ?? Nostrich);
setAbout(user.about ?? "");
setWebsite(user.website ?? "");
setNip05(user.nip05 ?? "");