diff --git a/frontend/src/components/profiles/action-buttons/CreateProfileDialog.tsx b/frontend/src/components/profiles/action-buttons/CreateProfileDialog.tsx index b07ddf7..1a9d448 100644 --- a/frontend/src/components/profiles/action-buttons/CreateProfileDialog.tsx +++ b/frontend/src/components/profiles/action-buttons/CreateProfileDialog.tsx @@ -11,6 +11,7 @@ import { import { useState } from "react"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; +import { Textarea } from "@/components/ui/textarea"; import { useCreateProfile } from "@/hooks/profiles/use-create-profile"; import { useQueryClient } from "@tanstack/react-query"; import { @@ -109,8 +110,9 @@ export function CreateProfileButton() { Description - diff --git a/frontend/src/components/profiles/action-buttons/EditProfileDialog.tsx b/frontend/src/components/profiles/action-buttons/EditProfileDialog.tsx index 835cec8..70e3093 100644 --- a/frontend/src/components/profiles/action-buttons/EditProfileDialog.tsx +++ b/frontend/src/components/profiles/action-buttons/EditProfileDialog.tsx @@ -9,6 +9,7 @@ import { } from "@/components/ui/dialog"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; +import { Textarea } from "@/components/ui/textarea"; import { Form, FormControl, @@ -135,8 +136,9 @@ export function EditProfileDialog({ Description - diff --git a/frontend/src/components/profiles/profile-page/ProfileDescription.tsx b/frontend/src/components/profiles/profile-page/ProfileDescription.tsx new file mode 100644 index 0000000..129ff37 --- /dev/null +++ b/frontend/src/components/profiles/profile-page/ProfileDescription.tsx @@ -0,0 +1,19 @@ +interface ProfileDescriptionProps { + description?: string; +} + +export function ProfileDescription({ + description, +}: ProfileDescriptionProps) { + if (!description) { + return null; + } + + return ( +
+

{description}

+
+ ); +} + +export default ProfileDescription; diff --git a/frontend/src/components/profiles/profile-page/ProfileMain.tsx b/frontend/src/components/profiles/profile-page/ProfileMain.tsx index a7750d6..33975db 100644 --- a/frontend/src/components/profiles/profile-page/ProfileMain.tsx +++ b/frontend/src/components/profiles/profile-page/ProfileMain.tsx @@ -1,5 +1,6 @@ import ProfileHeader from "@/components/profiles/profile-page/ProfileHeader"; import ProfileActions from "@/components/profiles/profile-page/ProfileActions"; +import ProfileDescription from "@/components/profiles/profile-page/ProfileDescription"; import ProfileAttestations from "@/components/profiles/profile-page/ProfileAttestations"; import ProfileIssuedAttestations from "@/components/profiles/profile-page/ProfileIssuedAttestations"; import { useGetProfiles } from "@/hooks/profiles/use-get-profiles"; @@ -32,6 +33,7 @@ export function ProfileMain({ address }: { address: string }) { githubLogin={profile?.github_login} /> + diff --git a/frontend/src/components/ui/textarea.tsx b/frontend/src/components/ui/textarea.tsx new file mode 100644 index 0000000..c8eb3d9 --- /dev/null +++ b/frontend/src/components/ui/textarea.tsx @@ -0,0 +1,22 @@ +import * as React from "react" + +import { cn } from "@/lib/utils" + +export interface TextareaProps + extends React.TextareaHTMLAttributes {} + +const Textarea = React.forwardRef( + ({ className, ...props }, ref) => ( +