-
Notifications
You must be signed in to change notification settings - Fork 12
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* fix: add user profile page to My sidebar * fix(ui): update the user profile page to the new UI * fix: use offchain network as user profile source of truth * feat: add activities to user profile * fix: add `avatar` to User * chore: remove invalid import * fix: fix font weight * fix: style improvement * feat: add edit profile modal * fix: fix typing * fix: account modal redirect to profile page instead of etherscan * feat: send user update action to offchain network * fix: fix network signature * fix: support user not existing on offchain network * fix: default username to resolve domains when not set * feat: save user profile to offchain network * fix: bust cache on avatar update * fix: fix invalid condition * fix: add share dropdown * fix: page content should reflect url * chore: fix function ordering * feat: allow profile edition via alias * fix: fix typing * chore: reorder import * chore : fix import * fix: rename Profile to User * refactor: code DRYing * refactor: remove non-valid type property * refactor: DRY-ing social networks links * refactor: DRY-ing the share dropdown * fix: add max length to input * fix: keep same alignment as existing pages * feat: add copy link to share dropdown * fix: fix avatar rounding * fix: make profile active only on own profile * fix: refresh user activities on internal navigation * fix: use username in page title * fix: fix class being ignored * fix: hide some menu for guest user * fix: fix menu label * fix: remove uneeded import * fix: show original image until stamp support user cover * refactor: avoid using extra params * refactor: remove duplicate code * chore: fix declaration order * fix: return resolvedName from network api if available * fix: follow User signature * fix: make values optional * fix: fix not used var * fix: remove unecessary type * refactor: code improvement * refactor: pass user directly instead of pinning * fix: improve typing * fix: remove cache clearing, now delegated to backend * feat: show username on topnav account menu when available * fix: update User profile share message * fix: fix empty nav sidebar appearing on all other pages * fix: use UserCover image from stamp * chore: update changelog * fix: fix undefined user flashing * refactor: rename component to follow convention * refactor: improve aggregation * fix: user helper function to return `cb` * refactor: improve user fetching when not existing on backend * refactor: DRY * fix: fix UserCover not fetching usercover type * chore: remove debug output * chore: remove unused import * fix: fix typing
- Loading branch information
Showing
34 changed files
with
758 additions
and
213 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| --- | ||
| "@snapshot-labs/sx": patch | ||
| --- | ||
|
|
||
| add updateUser to OffchainEthereumSig |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,68 @@ | ||
| <script setup lang="ts"> | ||
| defineProps<{ message: string }>(); | ||
| const uiStore = useUiStore(); | ||
| const { copy } = useClipboard(); | ||
| function handleCopyLinkClick() { | ||
| copy(window.location.href); | ||
| uiStore.addNotification('success', 'Link copied.'); | ||
| } | ||
| </script> | ||
|
|
||
| <template> | ||
| <UiDropdown> | ||
| <template #button> | ||
| <slot name="button"> | ||
| <UiButton v-bind="$attrs"> | ||
| <IH-share class="inline-block" /> | ||
| </UiButton> | ||
| </slot> | ||
| </template> | ||
| <template #items> | ||
| <UiDropdownItem v-slot="{ active }"> | ||
| <a | ||
| class="flex items-center gap-2" | ||
| :class="{ 'opacity-80': active }" | ||
| @click="handleCopyLinkClick" | ||
| > | ||
| <IH-link /> | ||
| Copy link | ||
| </a> | ||
| </UiDropdownItem> | ||
| <UiDropdownItem v-slot="{ active }"> | ||
| <a | ||
| class="flex items-center gap-2" | ||
| :class="{ 'opacity-80': active }" | ||
| :href="`https://twitter.com/intent/tweet/?text=${message}`" | ||
| target="_blank" | ||
| > | ||
| <IC-x /> | ||
| Share on X | ||
| </a> | ||
| </UiDropdownItem> | ||
| <UiDropdownItem v-slot="{ active }"> | ||
| <a | ||
| class="flex items-center gap-2" | ||
| :class="{ 'opacity-80': active }" | ||
| :href="`https://hey.xyz/?hashtags=Snapshot&text=${message}`" | ||
| target="_blank" | ||
| > | ||
| <IC-lens /> | ||
| Share on Lens | ||
| </a> | ||
| </UiDropdownItem> | ||
| <UiDropdownItem v-slot="{ active }"> | ||
| <a | ||
| class="flex items-center gap-2" | ||
| :class="{ 'opacity-80': active }" | ||
| :href="`https://warpcast.com/~/compose?text=${message}`" | ||
| target="_blank" | ||
| > | ||
| <IC-farcaster /> | ||
| Share on Farcaster | ||
| </a> | ||
| </UiDropdownItem> | ||
| </template> | ||
| </UiDropdown> | ||
| </template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,108 @@ | ||
| <script setup lang="ts"> | ||
| import { clone } from '@/helpers/utils'; | ||
| import { validateForm } from '@/helpers/validation'; | ||
| import { User } from '@/types'; | ||
| const props = defineProps<{ | ||
| open: boolean; | ||
| user: User; | ||
| }>(); | ||
| const emit = defineEmits<{ | ||
| (e: 'close'); | ||
| }>(); | ||
| const definition = { | ||
| type: 'object', | ||
| title: 'User', | ||
| additionalProperties: false, | ||
| required: [], | ||
| properties: { | ||
| avatar: { | ||
| type: 'string', | ||
| format: 'stamp', | ||
| title: 'Avatar', | ||
| default: props.user.id | ||
| }, | ||
| name: { | ||
| type: 'string', | ||
| title: 'Name', | ||
| minLength: 1, | ||
| maxLength: 32, | ||
| examples: ['Display name'] | ||
| }, | ||
| about: { | ||
| type: 'string', | ||
| format: 'long', | ||
| title: 'About', | ||
| maxLength: 256, | ||
| examples: ['Tell your story'] | ||
| }, | ||
| github: { | ||
| type: 'string', | ||
| format: 'github-handle', | ||
| title: 'GitHub', | ||
| maxLength: 39, | ||
| examples: ['GitHub handle'] | ||
| }, | ||
| twitter: { | ||
| type: 'string', | ||
| format: 'twitter-handle', | ||
| title: 'X (Twitter)', | ||
| maxLength: 15, | ||
| examples: ['X (Twitter) handle'] | ||
| } | ||
| } | ||
| }; | ||
| const actions = useActions(); | ||
| const usersStore = useUsersStore(); | ||
| const form = ref<Record<string, any>>(clone(props.user)); | ||
| const sending = ref(false); | ||
| const formErrors = computed(() => | ||
| validateForm(definition, form.value, { skipEmptyOptionalFields: true }) | ||
| ); | ||
| async function handleSubmit() { | ||
| sending.value = true; | ||
| try { | ||
| if (await actions.updateUser(form.value as User)) { | ||
| usersStore.fetchUser(props.user.id, true); | ||
| emit('close'); | ||
| } | ||
| } finally { | ||
| sending.value = false; | ||
| } | ||
| } | ||
| </script> | ||
|
|
||
| <template> | ||
| <UiModal :open="open" data-model="user-modal" @close="$emit('close')"> | ||
| <template #header> | ||
| <h3>Edit profile</h3> | ||
| </template> | ||
| <UiInputStampCover v-model="(form as any).cover" :user="user" /> | ||
| <div class="s-box p-4 -mt-[80px]"> | ||
| <UiForm v-model="form" :error="formErrors" :definition="definition" /> | ||
| </div> | ||
| <template #footer> | ||
| <UiButton | ||
| class="w-full" | ||
| :disabled="Object.keys(formErrors).length > 0" | ||
| :loading="sending" | ||
| @click="handleSubmit" | ||
| > | ||
| Save | ||
| </UiButton> | ||
| </template> | ||
| </UiModal> | ||
| </template> | ||
|
|
||
| <style> | ||
| [data-model='user-modal'] [path='avatar'] { | ||
| @apply rounded-full; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.