Update page metadata
Before Width: | Height: | Size: 3.8 KiB |
@ -7,37 +7,14 @@
|
|||||||
<meta name="theme-color" content="#000000" />
|
<meta name="theme-color" content="#000000" />
|
||||||
<meta
|
<meta
|
||||||
name="description"
|
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" />
|
<link rel="apple-touch-icon" href="%PUBLIC_URL%/nostrich_512.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="manifest" href="%PUBLIC_URL%/manifest.json" />
|
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
||||||
<!--
|
<title>snort.social - Nostr interface</title>
|
||||||
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>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||||
<div id="root"></div>
|
<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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Before Width: | Height: | Size: 5.2 KiB |
Before Width: | Height: | Size: 9.4 KiB |
@ -1,19 +1,15 @@
|
|||||||
{
|
{
|
||||||
"short_name": "React App",
|
"short_name": "snort.social",
|
||||||
"name": "Create React App Sample",
|
"name": "snort.social - Nostr interface",
|
||||||
|
"description": "Fast nostr web ui",
|
||||||
"icons": [
|
"icons": [
|
||||||
{
|
{
|
||||||
"src": "favicon.ico",
|
"src": "nostrich_256.png",
|
||||||
"sizes": "64x64 32x32 24x24 16x16",
|
|
||||||
"type": "image/x-icon"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"src": "logo192.png",
|
|
||||||
"type": "image/png",
|
"type": "image/png",
|
||||||
"sizes": "192x192"
|
"sizes": "256x256"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"src": "logo512.png",
|
"src": "nostrich_512.png",
|
||||||
"type": "image/png",
|
"type": "image/png",
|
||||||
"sizes": "512x512"
|
"sizes": "512x512"
|
||||||
}
|
}
|
||||||
@ -21,5 +17,5 @@
|
|||||||
"start_url": ".",
|
"start_url": ".",
|
||||||
"display": "standalone",
|
"display": "standalone",
|
||||||
"theme_color": "#000000",
|
"theme_color": "#000000",
|
||||||
"background_color": "#ffffff"
|
"background_color": "#000000"
|
||||||
}
|
}
|
||||||
|
BIN
public/nostrich_256.png
Normal file
After Width: | Height: | Size: 171 KiB |
BIN
public/nostrich_512.png
Normal file
After Width: | Height: | Size: 650 KiB |
BIN
public/nostrich_orig.jpeg
Normal file
After Width: | Height: | Size: 771 KiB |
@ -1,6 +1,7 @@
|
|||||||
import "./ProfileImage.css";
|
import "./ProfileImage.css";
|
||||||
import { useNavigate } from "react-router-dom";
|
import { useNavigate } from "react-router-dom";
|
||||||
import useProfile from "../pages/feed/ProfileFeed";
|
import useProfile from "../pages/feed/ProfileFeed";
|
||||||
|
import Nostrich from "../nostrich.jpg";
|
||||||
|
|
||||||
export default function ProfileImage(props) {
|
export default function ProfileImage(props) {
|
||||||
const pubKey = props.pubKey;
|
const pubKey = props.pubKey;
|
||||||
@ -10,7 +11,7 @@ export default function ProfileImage(props) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="pfp">
|
<div className="pfp">
|
||||||
<img src={user?.picture} onClick={() => navigate(`/p/${pubKey}`)} />
|
<img src={user?.picture ?? Nostrich} onClick={() => navigate(`/p/${pubKey}`)} />
|
||||||
<div>
|
<div>
|
||||||
{user?.name ?? pubKey.substring(0, 8)}
|
{user?.name ?? pubKey.substring(0, 8)}
|
||||||
{subHeader}
|
{subHeader}
|
||||||
|
@ -1,4 +1,3 @@
|
|||||||
import { useSelector } from "react-redux";
|
|
||||||
import Connection from "./Connection";
|
import Connection from "./Connection";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
BIN
src/nostrich.jpg
Normal file
After Width: | Height: | Size: 338 KiB |
@ -6,6 +6,7 @@ import { useContext, useEffect, useState } from "react";
|
|||||||
import Event from "../nostr/Event";
|
import Event from "../nostr/Event";
|
||||||
import { NostrContext } from "..";
|
import { NostrContext } from "..";
|
||||||
import { resetProfile } from "../state/Users";
|
import { resetProfile } from "../state/Users";
|
||||||
|
import Nostrich from "../nostrich.jpg";
|
||||||
|
|
||||||
export default function ProfilePage() {
|
export default function ProfilePage() {
|
||||||
const system = useContext(NostrContext);
|
const system = useContext(NostrContext);
|
||||||
@ -27,7 +28,7 @@ export default function ProfilePage() {
|
|||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (user) {
|
if (user) {
|
||||||
setName(user.name ?? "");
|
setName(user.name ?? "");
|
||||||
setPicture(user.picture ?? "");
|
setPicture(user.picture ?? Nostrich);
|
||||||
setAbout(user.about ?? "");
|
setAbout(user.about ?? "");
|
||||||
setWebsite(user.website ?? "");
|
setWebsite(user.website ?? "");
|
||||||
setNip05(user.nip05 ?? "");
|
setNip05(user.nip05 ?? "");
|
||||||
|