From e677e83f2747e86840d9d4a27984a7957a1a7263 Mon Sep 17 00:00:00 2001 From: fede Date: Fri, 14 Nov 2025 22:38:32 -0300 Subject: [PATCH 1/8] =?UTF-8?q?Fix:=20a=C3=B1adido=20goto=20a=20/?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/head/Header.svelte | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/lib/head/Header.svelte b/src/lib/head/Header.svelte index 774035e..7f75a0d 100644 --- a/src/lib/head/Header.svelte +++ b/src/lib/head/Header.svelte @@ -7,6 +7,7 @@ import { sesionStore } from '@/stores/usuario'; import { onMount } from 'svelte'; import { apiBase } from '@/stores/url'; + import { goto } from '$app/navigation'; let menuOpen = $state(false); const toggleMenu = () => (menuOpen = !menuOpen); @@ -40,6 +41,7 @@ console.log("fallo el lougout") } finally{ sesionStore.reset(); + goto("/"); } } From 3fbacce3fe322b6636b133e74087d49bff906324 Mon Sep 17 00:00:00 2001 From: fede Date: Sun, 23 Nov 2025 17:42:52 -0300 Subject: [PATCH 2/8] =?UTF-8?q?a=C3=B1adido=20componente=20para=20crear=20?= =?UTF-8?q?posts=20y=20modificado=20menu=20auth?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/components/crear-post.svelte | 34 +++++ .../ui/avatar/avatar-fallback.svelte | 17 +++ .../components/ui/avatar/avatar-image.svelte | 17 +++ src/lib/components/ui/avatar/avatar.svelte | 19 +++ src/lib/components/ui/avatar/index.ts | 13 ++ src/lib/components/ui/input-group/index.ts | 22 +++ .../ui/input-group/input-group-addon.svelte | 55 +++++++ .../ui/input-group/input-group-button.svelte | 49 ++++++ .../ui/input-group/input-group-input.svelte | 23 +++ .../ui/input-group/input-group-text.svelte | 22 +++ .../input-group/input-group-textarea.svelte | 23 +++ .../ui/input-group/input-group.svelte | 38 +++++ src/lib/components/ui/kbd/index.ts | 10 ++ src/lib/components/ui/kbd/kbd-group.svelte | 20 +++ src/lib/components/ui/kbd/kbd.svelte | 25 +++ src/lib/components/ui/textarea/index.ts | 7 + .../components/ui/textarea/textarea.svelte | 23 +++ src/lib/head/AvatarButton.svelte | 34 +++++ src/lib/head/Header.svelte | 142 +++++++++--------- src/lib/hooks/logout.ts | 25 +++ src/lib/stores/usuario.ts | 11 +- src/routes/+page.svelte | 103 +++++++------ src/routes/[perfil]/+page.svelte | 0 src/types.d.ts | 8 +- 24 files changed, 618 insertions(+), 122 deletions(-) create mode 100644 src/lib/components/crear-post.svelte create mode 100644 src/lib/components/ui/avatar/avatar-fallback.svelte create mode 100644 src/lib/components/ui/avatar/avatar-image.svelte create mode 100644 src/lib/components/ui/avatar/avatar.svelte create mode 100644 src/lib/components/ui/avatar/index.ts create mode 100644 src/lib/components/ui/input-group/index.ts create mode 100644 src/lib/components/ui/input-group/input-group-addon.svelte create mode 100644 src/lib/components/ui/input-group/input-group-button.svelte create mode 100644 src/lib/components/ui/input-group/input-group-input.svelte create mode 100644 src/lib/components/ui/input-group/input-group-text.svelte create mode 100644 src/lib/components/ui/input-group/input-group-textarea.svelte create mode 100644 src/lib/components/ui/input-group/input-group.svelte create mode 100644 src/lib/components/ui/kbd/index.ts create mode 100644 src/lib/components/ui/kbd/kbd-group.svelte create mode 100644 src/lib/components/ui/kbd/kbd.svelte create mode 100644 src/lib/components/ui/textarea/index.ts create mode 100644 src/lib/components/ui/textarea/textarea.svelte create mode 100644 src/lib/head/AvatarButton.svelte create mode 100644 src/lib/hooks/logout.ts create mode 100644 src/routes/[perfil]/+page.svelte diff --git a/src/lib/components/crear-post.svelte b/src/lib/components/crear-post.svelte new file mode 100644 index 0000000..eb674e6 --- /dev/null +++ b/src/lib/components/crear-post.svelte @@ -0,0 +1,34 @@ + + + + + + +
+ +

229}> + {mensaje.length} +

+ / 255 + + +

Publicar

+ + +
+ + diff --git a/src/lib/components/ui/avatar/avatar-fallback.svelte b/src/lib/components/ui/avatar/avatar-fallback.svelte new file mode 100644 index 0000000..249d4a4 --- /dev/null +++ b/src/lib/components/ui/avatar/avatar-fallback.svelte @@ -0,0 +1,17 @@ + + + diff --git a/src/lib/components/ui/avatar/avatar-image.svelte b/src/lib/components/ui/avatar/avatar-image.svelte new file mode 100644 index 0000000..2bb9db4 --- /dev/null +++ b/src/lib/components/ui/avatar/avatar-image.svelte @@ -0,0 +1,17 @@ + + + diff --git a/src/lib/components/ui/avatar/avatar.svelte b/src/lib/components/ui/avatar/avatar.svelte new file mode 100644 index 0000000..e37214d --- /dev/null +++ b/src/lib/components/ui/avatar/avatar.svelte @@ -0,0 +1,19 @@ + + + diff --git a/src/lib/components/ui/avatar/index.ts b/src/lib/components/ui/avatar/index.ts new file mode 100644 index 0000000..d06457b --- /dev/null +++ b/src/lib/components/ui/avatar/index.ts @@ -0,0 +1,13 @@ +import Root from "./avatar.svelte"; +import Image from "./avatar-image.svelte"; +import Fallback from "./avatar-fallback.svelte"; + +export { + Root, + Image, + Fallback, + // + Root as Avatar, + Image as AvatarImage, + Fallback as AvatarFallback, +}; diff --git a/src/lib/components/ui/input-group/index.ts b/src/lib/components/ui/input-group/index.ts new file mode 100644 index 0000000..fe1f55d --- /dev/null +++ b/src/lib/components/ui/input-group/index.ts @@ -0,0 +1,22 @@ +import Root from "./input-group.svelte"; +import Addon from "./input-group-addon.svelte"; +import Button from "./input-group-button.svelte"; +import Input from "./input-group-input.svelte"; +import Text from "./input-group-text.svelte"; +import Textarea from "./input-group-textarea.svelte"; + +export { + Root, + Addon, + Button, + Input, + Text, + Textarea, + // + Root as InputGroup, + Addon as InputGroupAddon, + Button as InputGroupButton, + Input as InputGroupInput, + Text as InputGroupText, + Textarea as InputGroupTextarea, +}; diff --git a/src/lib/components/ui/input-group/input-group-addon.svelte b/src/lib/components/ui/input-group/input-group-addon.svelte new file mode 100644 index 0000000..09f2b64 --- /dev/null +++ b/src/lib/components/ui/input-group/input-group-addon.svelte @@ -0,0 +1,55 @@ + + + + +
{ + if ((e.target as HTMLElement).closest("button")) { + return; + } + e.currentTarget.parentElement?.querySelector("input")?.focus(); + }} + {...restProps} +> + {@render children?.()} +
diff --git a/src/lib/components/ui/input-group/input-group-button.svelte b/src/lib/components/ui/input-group/input-group-button.svelte new file mode 100644 index 0000000..d38a71e --- /dev/null +++ b/src/lib/components/ui/input-group/input-group-button.svelte @@ -0,0 +1,49 @@ + + + + + diff --git a/src/lib/components/ui/input-group/input-group-input.svelte b/src/lib/components/ui/input-group/input-group-input.svelte new file mode 100644 index 0000000..ded2655 --- /dev/null +++ b/src/lib/components/ui/input-group/input-group-input.svelte @@ -0,0 +1,23 @@ + + + diff --git a/src/lib/components/ui/input-group/input-group-text.svelte b/src/lib/components/ui/input-group/input-group-text.svelte new file mode 100644 index 0000000..332f63d --- /dev/null +++ b/src/lib/components/ui/input-group/input-group-text.svelte @@ -0,0 +1,22 @@ + + + + {@render children?.()} + diff --git a/src/lib/components/ui/input-group/input-group-textarea.svelte b/src/lib/components/ui/input-group/input-group-textarea.svelte new file mode 100644 index 0000000..91850ff --- /dev/null +++ b/src/lib/components/ui/input-group/input-group-textarea.svelte @@ -0,0 +1,23 @@ + + + diff --git a/src/lib/head/AvatarButton.svelte b/src/lib/head/AvatarButton.svelte new file mode 100644 index 0000000..2d28b2c --- /dev/null +++ b/src/lib/head/AvatarButton.svelte @@ -0,0 +1,34 @@ + + + + + + + {$sesionStore?.displayName[0]} + + + + + + Mi Perfil + + + await logout(menuOpen)}>Cerrar Sesion + + + diff --git a/src/lib/head/Header.svelte b/src/lib/head/Header.svelte index 7f75a0d..1791b52 100644 --- a/src/lib/head/Header.svelte +++ b/src/lib/head/Header.svelte @@ -8,43 +8,40 @@ import { onMount } from 'svelte'; import { apiBase } from '@/stores/url'; import { goto } from '$app/navigation'; + import AvatarButton from './AvatarButton.svelte'; let menuOpen = $state(false); const toggleMenu = () => (menuOpen = !menuOpen); - let showCerrarSesion = $state(false); + let showCerrarSesion = $state(false); - onMount(()=>{ - sesionStore.subscribe((value)=>{ - showCerrarSesion = !!value?.accessToken; - }) + onMount(() => { + sesionStore.subscribe((value) => { + showCerrarSesion = !!value?.accessToken; + }); + }); - }); - - async function cerrarSesion(){ - try{ - const req = await fetch($apiBase+"/api/auth/logout", { - method: 'POST', - headers: { - "Content-Type": "application/json", - "Authorization": `Bearer ${$sesionStore?.accessToken}` - - }, - credentials: "include" - }); - if(req.ok){ - - sesionStore.reset(); - menuOpen = false; - } - }catch{ - console.log("fallo el lougout") - } finally{ - sesionStore.reset(); - goto("/"); - } - - } + async function cerrarSesion() { + try { + const req = await fetch($apiBase + '/api/auth/logout', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + Authorization: `Bearer ${$sesionStore?.accessToken}` + }, + credentials: 'include' + }); + if (req.ok) { + sesionStore.reset(); + menuOpen = false; + } + } catch { + console.log('fallo el lougout'); + } finally { + sesionStore.reset(); + goto('/'); + } + }
@@ -53,31 +50,38 @@

Mini-X

 -
diff --git a/src/lib/hooks/logout.ts b/src/lib/hooks/logout.ts new file mode 100644 index 0000000..9fe4b4e --- /dev/null +++ b/src/lib/hooks/logout.ts @@ -0,0 +1,25 @@ +import { goto } from '$app/navigation'; +import { apiBase } from '@/stores/url'; +import { sesionStore } from '@/stores/usuario'; + +export async function logout(menuOpen: boolean) { + try { + const req = await fetch($apiBase + '/api/auth/logout', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + Authorization: `Bearer ${$sesionStore.accessToken}` + }, + credentials: 'include' + }); + if (req.ok) { + sesionStore.reset(); + menuOpen = false; + } + } catch { + console.log('fallo el lougout'); + } finally { + sesionStore.reset(); + goto('/'); + } +} diff --git a/src/lib/stores/usuario.ts b/src/lib/stores/usuario.ts index 649b18b..d109b99 100644 --- a/src/lib/stores/usuario.ts +++ b/src/lib/stores/usuario.ts @@ -1,7 +1,16 @@ import { writable } from 'svelte/store'; +import { browser } from '$app/environment'; import type { Sesion } from '../../types'; -export const currentSesion = writable(null); +const initialValue = browser ? JSON.parse(localStorage.getItem('sesion') || 'null') : null; + +export const currentSesion = writable(initialValue); + +if (browser) { + currentSesion.subscribe((value) => { + localStorage.setItem('sesion', JSON.stringify(value)); + }); +} export const sesionStore = { subscribe: currentSesion.subscribe, diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 03797f5..f7f8c0e 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -2,65 +2,72 @@ import Card from '@/components/ui/card/card.svelte'; import type { Post } from '../types'; import { Content } from '@/components/ui/card'; - import { apiBase } from '@/stores/url'; + import { apiBase } from '@/stores/url'; + import { sesionStore } from '@/stores/usuario'; + import CrearPost from '@/components/crear-post.svelte'; - $effect(()=>{ - getPosts(); - }); + $effect(() => { + getPosts(); + }); - let posts: Post[] = $state([]); + let posts: Post[] = $state([]); - async function getPosts() { - const { subscribe } = apiBase; - let baseUrl: string = ''; + async function getPosts() { + const { subscribe } = apiBase; + let baseUrl: string = ''; - subscribe((value) => { - baseUrl = value; - })(); - - const req = await fetch(`${baseUrl}/api/posts/timeline?pageSize=3`); - if (req.ok){ - posts = await req.json(); - } - - } + subscribe((value) => { + baseUrl = value; + })(); + const req = await fetch(`${baseUrl}/api/posts/timeline?pageSize=3`); + if (req.ok) { + posts = await req.json(); + } + }
-
- {#if posts.length <= 0} - - -

No hay Posts que mostrar

- - - {:else} - {#each posts as post} +
+
+ {#if $sesionStore !== null} + + {/if} +
+ + {#if posts.length <= 0} -
-
- {post.authorId} - {post.createdAt.toLocaleDateString()} -
-

{post.content}

- {#if post.imageUrl} - Post - {/if} -
- {post.likesCount} likes - {post.repliesCount} replies - {#if post.isEdited} - Editado - {/if} -
-
+

No hay Posts que mostrar

 - {/each} - {/if} + {:else} + {#each posts as post} + + +
+
+ {post.authorId} + {post.createdAt.toLocaleDateString()} +
+

{post.content}

+ {#if post.imageUrl} + Post + {/if} +
+ {post.likesCount} likes + {post.repliesCount} replies + {#if post.isEdited} + Editado + {/if} +
+
+ + + {/each} + {/if} +
diff --git a/src/routes/[perfil]/+page.svelte b/src/routes/[perfil]/+page.svelte new file mode 100644 index 0000000..e69de29 diff --git a/src/types.d.ts b/src/types.d.ts index bc001ff..8f6cff6 100644 --- a/src/types.d.ts +++ b/src/types.d.ts @@ -27,10 +27,10 @@ export interface User { } export interface Sesion { - accessToken:string?; - message:string; - url:string; - displayname:string; + accessToken: string?; + message: string; + url: string; + displayName: string; } export interface LoginDto { From 5159ebffd4842e469c14d2f9f177906a8acea04b Mon Sep 17 00:00:00 2001 From: fede Date: Sun, 23 Nov 2025 19:49:07 -0300 Subject: [PATCH 3/8] =?UTF-8?q?arreglado=20path=20/timeline=20y=20a=C3=B1a?= =?UTF-8?q?dida=20logica=20crearpost=20al=20fetch?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/components/crear-post.svelte | 95 +++++++++++++++++++++------- src/lib/stores/posts.ts | 22 +++++++ src/routes/+page.svelte | 48 ++++++++------ src/types.d.ts | 21 ++++-- 4 files changed, 134 insertions(+), 52 deletions(-) create mode 100644 src/lib/stores/posts.ts diff --git a/src/lib/components/crear-post.svelte b/src/lib/components/crear-post.svelte index eb674e6..a0df5c2 100644 --- a/src/lib/components/crear-post.svelte +++ b/src/lib/components/crear-post.svelte @@ -1,4 +1,4 @@ - - - - - -
- -

229}> - {mensaje.length} -

- / 255 - - -

Publicar

- - -
- - +
handlePost(e)}> + + + + +
+ +

239}> + {mensaje.length} +

+ / 280 + + +

Publicar

+ + +
+ + +
diff --git a/src/lib/stores/posts.ts b/src/lib/stores/posts.ts new file mode 100644 index 0000000..bf1611f --- /dev/null +++ b/src/lib/stores/posts.ts @@ -0,0 +1,22 @@ +import { writable } from 'svelte/store'; +import type { Post } from '../../types'; + +export const posts = writable([]); + +export const setPosts = (newPosts: Post[]) => { + posts.set(newPosts); +}; + +export const addPost = (post: Post) => { + posts.update((currentPosts) => [post, ...currentPosts]); +}; + +export const updatePost = (postId: string, updatedData: Partial) => { + posts.update((currentPosts) => + currentPosts.map((post) => (post._id === postId ? { ...post, ...updatedData } : post)) + ); +}; + +export const removePost = (postId: string) => { + posts.update((currentPosts) => currentPosts.filter((post) => post._id !== postId)); +}; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index f7f8c0e..a20b420 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -5,13 +5,15 @@ import { apiBase } from '@/stores/url'; import { sesionStore } from '@/stores/usuario'; import CrearPost from '@/components/crear-post.svelte'; + import CardHeader from '@/components/ui/card/card-header.svelte'; + import CardFooter from '@/components/ui/card/card-footer.svelte'; + import { posts, setPosts } from '@/stores/posts'; + + $effect(async () => { + setPosts(await getPosts()); - $effect(() => { - getPosts(); }); - let posts: Post[] = $state([]); - async function getPosts() { const { subscribe } = apiBase; let baseUrl: string = ''; @@ -20,9 +22,9 @@ baseUrl = value; })(); - const req = await fetch(`${baseUrl}/api/posts/timeline?pageSize=3`); + const req = await fetch(`${baseUrl}/timeline?pageSize=20`); if (req.ok) { - posts = await req.json(); + return await req.json(); } } @@ -35,36 +37,40 @@ {/if}
- {#if posts.length <= 0} + {#if $posts.length <= 0}

No hay Posts que mostrar

 {:else} - {#each posts as post} + {#each $posts as post} - +
{post.authorId} {post.createdAt.toLocaleDateString()}{post.createdAt.replace("T", " ").split(".")[0]}
-

{post.content}

- {#if post.imageUrl} - Post - {/if} -
- {post.likesCount} likes - {post.repliesCount} replies - {#if post.isEdited} - Editado - {/if} -
+ + +

{post.content}

+ {#if post.imageUrl} + Post + {/if} + +
+ {post.likesCount} likes + {post.repliesCount} replies + {#if post.isEdited} + Editado + {/if} +
+ {/each} {/if} diff --git a/src/types.d.ts b/src/types.d.ts index 8f6cff6..300ce71 100644 --- a/src/types.d.ts +++ b/src/types.d.ts @@ -6,12 +6,13 @@ export interface Post { parentPostId?: string; likesCount: number; repliesCount: number; - createdAt: Date; + createdAt: string; updatedAt?: Date; isEdited: boolean; visibility: string; hashtags?: string[]; } + export interface User { _id: string; displayName: string; @@ -34,13 +35,19 @@ export interface Sesion { } export interface LoginDto { - username: string?; - password: string?; + username: string?; + password: string?; } export interface RegisterDto { - username: string?; - email: string?; - password: string?; - displayName: string?; + username: string?; + email: string?; + password: string?; + displayName: string?; +} + +export interface CreatePostDto { + content: string; + imageUrl: string?; + parentPostId: string?; } From 949a90a1ba102860695389b6142ad03ac97dfb77 Mon Sep 17 00:00:00 2001 From: fede Date: Sun, 23 Nov 2025 20:18:55 -0300 Subject: [PATCH 4/8] =?UTF-8?q?a=C3=B1adida=20logica=20para=20refrescar=20?= =?UTF-8?q?los=20jwt?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/stores/usuario.ts | 51 ++++++++++++++++++++++++++++++++++----- 1 file changed, 45 insertions(+), 6 deletions(-) diff --git a/src/lib/stores/usuario.ts b/src/lib/stores/usuario.ts index d109b99..f419c8d 100644 --- a/src/lib/stores/usuario.ts +++ b/src/lib/stores/usuario.ts @@ -1,20 +1,59 @@ import { writable } from 'svelte/store'; import { browser } from '$app/environment'; import type { Sesion } from '../../types'; +import { apiBase } from '@/stores/url'; + +const { subscribe } = apiBase; +let baseUrl: string = ''; + +subscribe((value) => { + baseUrl = value; +})(); const initialValue = browser ? JSON.parse(localStorage.getItem('sesion') || 'null') : null; export const currentSesion = writable(initialValue); -if (browser) { - currentSesion.subscribe((value) => { - localStorage.setItem('sesion', JSON.stringify(value)); - }); -} - export const sesionStore = { subscribe: currentSesion.subscribe, set: currentSesion.set, update: currentSesion.update, reset: () => currentSesion.set(null) }; + +if (browser) { + currentSesion.subscribe((value) => { + localStorage.setItem('sesion', JSON.stringify(value)); + }); +} +if (browser) { + const refreshAccessToken = async () => { + try { + const response = await fetch(baseUrl + '/api/auth/refresh', { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + credentials: 'include' + }); + + if (response.ok) { + const data = await response.json(); + currentSesion.update((sesion) => { + if (sesion) { + return { ...sesion, accessToken: data.accessToken }; + } + return sesion; + }); + } else { + console.error('Error refreshing token:', response.statusText); + currentSesion.set(null); + } + } catch (error) { + console.error('Error refreshing token:', error); + currentSesion.set(null); + } + }; + + setInterval(refreshAccessToken, 10 * 60 * 1000); +} From 5a43eec7cfd19f7221f46320b3cdfc3af27eb09b Mon Sep 17 00:00:00 2001 From: fede Date: Sun, 23 Nov 2025 20:22:03 -0300 Subject: [PATCH 5/8] =?UTF-8?q?a=C3=B1adido=20border=20al=20avatarbutton?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit No se veia bien con el tema claro --- src/lib/head/AvatarButton.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/head/AvatarButton.svelte b/src/lib/head/AvatarButton.svelte index 2d28b2c..02488be 100644 --- a/src/lib/head/AvatarButton.svelte +++ b/src/lib/head/AvatarButton.svelte @@ -16,7 +16,7 @@ - + {$sesionStore?.displayName[0]} From a5206a372421c5f3f9f205ace6c7c7256a64793f Mon Sep 17 00:00:00 2001 From: fede Date: Mon, 24 Nov 2025 17:54:59 -0300 Subject: [PATCH 6/8] para evitar que el ts me de un error porque le estoy dando un lamda async a $effect --- src/routes/+page.svelte | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index a20b420..49a7090 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -9,9 +9,10 @@ import CardFooter from '@/components/ui/card/card-footer.svelte'; import { posts, setPosts } from '@/stores/posts'; - $effect(async () => { - setPosts(await getPosts()); - + $effect(() => { + (async () => { + setPosts(await getPosts()); + })(); }); async function getPosts() { From a8dc380d0393c2461fd3ece23a9dfe04bf35ec72 Mon Sep 17 00:00:00 2001 From: fede Date: Mon, 24 Nov 2025 18:38:39 -0300 Subject: [PATCH 7/8] creado componente aparte para la tarjeta de post y hice el skeleton ui para el edit y borrar --- src/lib/components/PostCard.svelte | 68 ++++++++++++++++++++++++++++++ src/lib/hooks/deletePost.ts | 0 src/lib/hooks/updatePost.ts | 0 src/routes/+page.svelte | 32 +------------- 4 files changed, 70 insertions(+), 30 deletions(-) create mode 100644 src/lib/components/PostCard.svelte create mode 100644 src/lib/hooks/deletePost.ts create mode 100644 src/lib/hooks/updatePost.ts diff --git a/src/lib/components/PostCard.svelte b/src/lib/components/PostCard.svelte new file mode 100644 index 0000000..b9fca16 --- /dev/null +++ b/src/lib/components/PostCard.svelte @@ -0,0 +1,68 @@ + + + + +
+
+ {post.authorId} + + + + + + + Opciones Publicación + + Editar + {}}> + +

Borrar

+ + + + +
+
+ + +

{post.content}

+ {#if post.imageUrl} + Post + {/if} + + +
+ {post.likesCount} likes + {post.repliesCount} replies + {post.createdAt.replace('T', ' ').split('.')[0]} + {#if post.isEdited} + Editado + {/if} +
+ + diff --git a/src/lib/hooks/deletePost.ts b/src/lib/hooks/deletePost.ts new file mode 100644 index 0000000..e69de29 diff --git a/src/lib/hooks/updatePost.ts b/src/lib/hooks/updatePost.ts new file mode 100644 index 0000000..e69de29 diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 49a7090..bcde02d 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,13 +1,11 @@ + + diff --git a/src/lib/head/AvatarButton.svelte b/src/lib/head/AvatarButton.svelte index 02488be..1d25635 100644 --- a/src/lib/head/AvatarButton.svelte +++ b/src/lib/head/AvatarButton.svelte @@ -1,4 +1,5 @@ + +
+
+ + +
+ + + {params.perfil[0].toUpperCase()} + +
+

+ {'test'} +

+

+ @{params.perfil} +

+ + +

Posts:

+
+ {#if cargando} +
+ + + +

Cargando

+ + +
+ {:else if mensajeError !== ''} +
+ + + +

+ {mensajeError} +

+ + +
+ {/if} +
+
diff --git a/src/types.d.ts b/src/types.d.ts index 300ce71..6305a56 100644 --- a/src/types.d.ts +++ b/src/types.d.ts @@ -32,6 +32,7 @@ export interface Sesion { message: string; url: string; displayName: string; + username: string; } export interface LoginDto {