feat: immersive onboarding (#189)

* feat: change the default onboarding column

* feat: add newsfeed onboarding

* feat: add topic onboarding

* feat: add group onboarding

* chore: polish and format

* feat: rename foryou to topic

* fix: array
This commit is contained in:
雨宮蓮
2024-05-22 10:44:19 +07:00
committed by GitHub
parent 9b5867f80c
commit 1f38eba2cc
35 changed files with 2291 additions and 2358 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -65,6 +65,12 @@ export interface Account {
interests?: Interests;
}
export interface Topic {
icon: string;
title: string;
content: string[];
}
export interface Interests {
hashtags: string[];
users: string[];

View File

@@ -1,11 +1,3 @@
export const FETCH_LIMIT = 20;
export const LANGUAGES = [
{ label: "English", code: "en" },
{ label: "Japanese", code: "ja" },
{ label: "Français", code: "fr" },
];
export const NOSTR_MENTIONS = [
"@npub1",
"nostr:npub1",
@@ -32,8 +24,6 @@ export const NOSTR_EVENTS = [
"Nostr:nevent1",
];
export const BITCOINS = ["lnbc", "bc1p", "bc1q"];
export const IMAGES = ["jpg", "jpeg", "gif", "png", "webp", "avif", "tiff"];
export const VIDEOS = [
@@ -51,61 +41,48 @@ export const VIDEOS = [
export const AUDIOS = ["mp3", "ogg", "wav"];
export const COL_TYPES = {
default: 0,
user: 1,
thread: 2,
hashtag: 3,
group: 4,
antenas: 5,
global: 6,
trendingNotes: 9000,
waifu: 9001,
foryou: 9998,
newsfeed: 9999,
};
export const TOPICS = [
{
icon: "/anime.jpg",
title: "Anime & Manga",
icon: "📱",
title: "Technology",
content: [
"#animestr",
"#anime",
"#manga",
"#otaku",
"#frieren",
"#fate",
"#aot",
"#AttackOnTitan",
"#JujutsuKaisen",
"#OnePiece",
"#KimetsuNoYaiba",
"#Overlord",
"#Evangelion",
"#DemonSlayer",
"#JoJo",
"#SPYxFAMILY",
"#MatoSeiheinoSlave",
"#ghibli",
"#ChainsawMan",
"#Gintama",
"#animeart",
"#animegirl",
"#cosplay",
"#weeb",
"#animeworld",
"#fanart",
"#vocaloid",
"#vtuber",
"#hololive",
"#hololivemeet",
"#pixiv",
"#waifu",
"#Apple",
"#Tesla",
"#AMD",
"#Intel",
"#Xiaomi",
"#Huawei",
"#OpenAI",
"#BigTech",
"#ai",
"#IOS",
"#Android",
"#oppo",
"#nostr",
"#technology",
"#tech",
"#innovation",
"#engineering",
"#business",
"#iphone",
"#technews",
"#science",
"#gadgets",
"#software",
"#programming",
"#smartphone",
"#samsung",
"#coding",
"#computer",
"#security",
"#gadget",
"#mobile",
"#opensource",
"#tor",
],
},
{
icon: "/gaming.jpg",
icon: "🕹",
title: "Gaming",
content: [
"#gamestr",
@@ -163,8 +140,46 @@ export const TOPICS = [
],
},
{
icon: "/music.jpg",
title: "Music & Entertainment",
icon: "🍥",
title: "Anime",
content: [
"#animestr",
"#anime",
"#manga",
"#otaku",
"#frieren",
"#fate",
"#aot",
"#AttackOnTitan",
"#JujutsuKaisen",
"#OnePiece",
"#KimetsuNoYaiba",
"#Overlord",
"#Evangelion",
"#DemonSlayer",
"#JoJo",
"#SPYxFAMILY",
"#MatoSeiheinoSlave",
"#ghibli",
"#ChainsawMan",
"#Gintama",
"#animeart",
"#animegirl",
"#cosplay",
"#weeb",
"#animeworld",
"#fanart",
"#vocaloid",
"#vtuber",
"#hololive",
"#hololivemeet",
"#pixiv",
"#waifu",
],
},
{
icon: "📺",
title: "Entertainment",
content: [
"#audiostr",
"#musicstr",
@@ -208,12 +223,6 @@ export const TOPICS = [
"#dvd",
"#amass",
"#bluray",
],
},
{
icon: "/movie.jpg",
title: "Television",
content: [
"#filmstr",
"#moviestr",
"#movies",
@@ -244,46 +253,7 @@ export const TOPICS = [
],
},
{
icon: "/technology.jpg",
title: "Technology",
content: [
"#Apple",
"#Tesla",
"#AMD",
"#Intel",
"#Xiaomi",
"#Huawei",
"#OpenAI",
"#BigTech",
"#ai",
"#IOS",
"#Android",
"#oppo",
"#nostr",
"#technology",
"#tech",
"#innovation",
"#engineering",
"#business",
"#iphone",
"#technews",
"#science",
"#gadgets",
"#software",
"#programming",
"#smartphone",
"#samsung",
"#coding",
"#computer",
"#security",
"#gadget",
"#mobile",
"#opensource",
"#tor",
],
},
{
icon: "/photography.jpg",
icon: "📷",
title: "Photography",
content: [
"#photostr",
@@ -309,8 +279,8 @@ export const TOPICS = [
],
},
{
icon: "/art.jpg",
title: "Art & Design",
icon: "🧑‍🎨",
title: "Design",
content: [
"#nostrdesign",
"#artstr",
@@ -343,7 +313,7 @@ export const TOPICS = [
],
},
{
icon: "/nsfw.jpg",
icon: "🔞",
title: "NSFW",
content: [
"#pornstr",
@@ -365,20 +335,5 @@ export const TOPICS = [
},
];
export const QUOTES = [
"You can learn more about nostr here: https://usenostr.org",
"Nostr has a lot of awesome clients, you can spend a bit of time to try https://snort.social",
"Nostr has a lot of awesome clients, you can spend a bit of time to try https://iris.to",
"Nostr has a lot of awesome clients, you can spend a bit of time to try https://primal.net",
"Nostr has a lot of awesome clients, you can spend a bit of time to try https://nostrudel.ninja",
"If you're using iOS, you can use Nostr with https://damus.io",
"If you're using Android, you can use Nostr with Amethyst",
"If you want to curate and share your interests on Nostr, you can use https://pinstr.app",
"If you want to post anonymously on Nostr, you can use https://www.get-tao.app",
"If you want to read in-depth content and high quality insights, you can use https://habla.news",
"You can send secure messages on Nostr with https://0xchat.com/",
"Are you a fan of following topics, instead of people? Use https://zapddit.com",
];
// @ts-ignore, it works
export const VITE_FLATPAK_RESOURCE = import.meta.env.VITE_FLATPAK_RESOURCE;