-
+
+ @submit="handleFormSubmition"
+ @delete="handleProfileDelete" />
@@ -36,20 +37,23 @@ import {
SocialLink,
UpdateProfileRequest,
createProfile,
+ deleteProfile,
updateProfile,
+ uploadImage,
} from '@/services/profile'
-import { rateLimitedPinFileToIPFS } from '@/services/nftStorage'
import { appClient, createChannel } from '@/services/farcaster'
import { StatusAPIResponse } from '@farcaster/auth-client'
import { useDocumentVisibility } from '@vueuse/core'
import { getBioWithLinks } from '../utils'
+const emit = defineEmits(['close', 'success', 'deleted'])
const props = defineProps<{
modelValue: boolean
}>()
const documentVisibility = useDocumentVisibility()
const { $i18n } = useNuxtApp()
+const { accountId } = useAuth()
const profile = inject<{ hasProfile: Ref
}>('userProfile')
@@ -57,7 +61,6 @@ const hasProfile = computed(() => profile?.hasProfile.value)
const initialStep = computed(() => (hasProfile.value ? 2 : 1))
-const emit = defineEmits(['close', 'success'])
const { getSignaturePair } = useVerifyAccount()
const vOpen = useVModel(props, 'modelValue')
const stage = ref(initialStep.value)
@@ -69,12 +72,26 @@ const close = () => {
emit('close')
}
-const uploadImage = async (
- imageFile: File | null,
-): Promise =>
- imageFile
- ? sanitizeIpfsUrl(await rateLimitedPinFileToIPFS(imageFile))
- : undefined
+const uploadProfileImage = async (
+ file: File | null,
+ type: 'image' | 'banner',
+): Promise => {
+ if (!file) {
+ return undefined
+ }
+
+ const { signature, message } = await getSignaturePair()
+
+ const response = await uploadImage({
+ file,
+ type,
+ address: accountId.value,
+ signature,
+ message,
+ })
+
+ return response.url
+}
const constructSocials = (profileData: ProfileFormData): SocialLink[] => {
return [
@@ -100,11 +117,11 @@ const processProfile = async (profileData: ProfileFormData) => {
const { signature, message } = await getSignaturePair()
const imageUrl = profileData.image
- ? await uploadImage(profileData.image)
+ ? await uploadProfileImage(profileData.image, 'image')
: profileData.imagePreview
const bannerUrl = profileData.banner
- ? await uploadImage(profileData.banner)
+ ? await uploadProfileImage(profileData.banner, 'banner')
: profileData.bannerPreview
const profileBody: CreateProfileRequest | UpdateProfileRequest = {
@@ -114,7 +131,7 @@ const processProfile = async (profileData: ProfileFormData) => {
? getBioWithLinks(profileData.description)
: profileData.description,
image: imageUrl,
- banner: bannerUrl,
+ banner: hasProfile.value ? bannerUrl ?? null : bannerUrl!,
socials: constructSocials(profileData),
signature,
message,
@@ -125,6 +142,21 @@ const processProfile = async (profileData: ProfileFormData) => {
: createProfile(profileBody as CreateProfileRequest)
}
+const handleProfileDelete = async (address: string) => {
+ try {
+ const { signature, message } = await getSignaturePair()
+ await deleteProfile({ address, message, signature })
+ infoMessage($i18n.t('profiles.profileHasBeenCleared'), {
+ title: $i18n.t('profiles.profileReset'),
+ })
+ emit('deleted')
+ close()
+ } catch (error) {
+ warningMessage(error!.toString())
+ console.error(error)
+ }
+}
+
const handleFormSubmition = async (profileData: ProfileFormData) => {
stage.value = 4 // Go to loading stage
try {
diff --git a/components/profile/create/SelectImageField.vue b/components/profile/create/SelectImageField.vue
index 69ca4a45aa..1cfd736c24 100644
--- a/components/profile/create/SelectImageField.vue
+++ b/components/profile/create/SelectImageField.vue
@@ -21,12 +21,12 @@
vSelectedFile?.name ?? 'Click To Select A File'
}}
+ @click="clear" />