-
- 
- {`@${me.handle}`}
+
+ 
+ {`@${me.data.handle}`}
-
diff --git a/src/components/login-dialog/login-dialog.tsx b/src/components/login-dialog/login-dialog.tsx
index bd750be..158a8c4 100644
--- a/src/components/login-dialog/login-dialog.tsx
+++ b/src/components/login-dialog/login-dialog.tsx
@@ -1,5 +1,6 @@
import { useState } from "react";
+import { useLogin } from "@/application/mutations/use-login";
import { Button } from "@/components/ui/button";
import {
Dialog,
@@ -12,7 +13,6 @@ import {
} from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
-import AuthService from "@/infrastructure/auth";
interface LoginFormElements extends HTMLFormControlsCollection {
username: HTMLInputElement;
@@ -29,19 +29,16 @@ interface LoginDialogProps {
export function LoginDialog({ children }: LoginDialogProps) {
const [open, setOpen] = useState(false);
- const [isLoading, setIsLoading] = useState(false);
+ const login = useLogin();
async function handleSubmit(event: React.FormEventAn error occurred
;
}
- if (!feed) {
+ if (!feed.data) {
return
-
);
}
diff --git a/src/pages/user-profile/user-profile.tsx b/src/pages/user-profile/user-profile.tsx
index 4dc6327..0d844a4 100644
--- a/src/pages/user-profile/user-profile.tsx
+++ b/src/pages/user-profile/user-profile.tsx
@@ -1,46 +1,25 @@
-import { useEffect, useState } from "react";
import { Navigate, useParams } from "react-router";
import { useGetUserProfile } from "@/application/get-user-profile";
import { LoadingSpinner } from "@/components/loading";
import { ShoutList } from "@/components/shout-list";
-import { Image } from "@/domain/media";
-import { Shout } from "@/domain/shout";
-import { User } from "@/domain/user";
import { UserInfo } from "./user-info";
export function UserProfile() {
const { handle } = useParams<{ handle: string }>();
- const getUserProfile = useGetUserProfile();
-
- const [profile, setProfile] = useState<{
- user: User;
- shouts: Shout[];
- images: Image[];
- }>();
- const [hasError, setHasError] = useState(false);
-
- useEffect(() => {
- if (!handle) {
- return;
- }
-
- getUserProfile({ handle })
- .then((profile) => setProfile(profile))
- .catch(() => setHasError(true));
- }, [handle, getUserProfile]);
+ const profile = useGetUserProfile({ handle });
if (!handle) {
return An error occurred
;
- }
- if (!profile) {
+ if (profile.isLoading) {
return An error occurred
;
+ }
return (