Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[TAS-2441] ✨ Implement collector memo section #2002

Open
wants to merge 12 commits into
base: develop
Choose a base branch
from

Conversation

AuroraHuang22
Copy link
Contributor

default.mp4

Copy link

AuroraHuang22 added a commit that referenced this pull request Dec 24, 2024
v-if="authorReplied"
:class="[
'absolute bottom-0 right-[6px]',
authorReplied ? 'group-hover:right-[22px]' : '',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
authorReplied ? 'group-hover:right-[22px]' : '',
{ 'group-hover:right-[22px]': authorReplied },

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

]"
:style="bgStyle"
>
<p class="block text-[16px] line-clamp-4">{{ buyerMessage }}</p>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<p class="block text-[16px] line-clamp-4">{{ buyerMessage }}</p>
<p class="block text-[16px] line-clamp-4" v-text="buyerMessage" />

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

buyerMessage() {
return this.message?.buyerMessage;
},
authorReplied() {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
authorReplied() {
hasAuthorReplied() {

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Comment on lines 529 to 530
isHistoryInfoLoading: false,
isFinishedLoadingHistory: false,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
isHistoryInfoLoading: false,
isFinishedLoadingHistory: false,
isHistoryInfoLoading: false,
hasHistoryInfoLoaded: false,

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

src/util/ui.js Outdated
Comment on lines 25 to 37
export function ellipsisCollectorAddress(value) {
if (value) {
const len = value.length;
const dots = '...';
if (!value) return '';
if (value.length > 10) {
return value.substring(0, 8) + dots;
}
return value;
}
return value;
}

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can reuse this instead?

export function ellipsis(value) {
if (value) {
const len = value.length;
const dots = '...';
if (!value) return '';
if (value.length > 20) {
return value.substring(0, 8) + dots + value.substring(len - 6, len);
}
return value;
}
return value;
}

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@nwingt
Copy link
Member

nwingt commented Dec 27, 2024

the resolution of avatar images are too low in retina display, please use 2x or even 3x of the current size
image

Comment on lines 49 to 51
durationTime() {
return this.animationDuration;
},
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

maybe add unit here?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Comment on lines 77 to 84
.animate-scroll {
animation: scroll var(--animation-duration, 60s) infinite linear;
}

.animate-scroll.delay {
animation: scroll var(--animation-duration, 60s) infinite linear;
animation-delay: calc(var(--animation-duration, 60s) * -1);
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
.animate-scroll {
animation: scroll var(--animation-duration, 60s) infinite linear;
}
.animate-scroll.delay {
animation: scroll var(--animation-duration, 60s) infinite linear;
animation-delay: calc(var(--animation-duration, 60s) * -1);
}
.animate-scroll,
.animate-scroll.delay {
animation: scroll var(--animation-duration, 60s) infinite linear;
}
.animate-scroll.delay {
animation-delay: calc(var(--animation-duration, 60s) * -1);
}

Copy link
Contributor Author

@AuroraHuang22 AuroraHuang22 Dec 30, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

props: {
animationDuration: {
type: String,
default: '60s',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we add unit here or just number?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@AuroraHuang22 AuroraHuang22 marked this pull request as ready for review December 30, 2024 05:25
AuroraHuang22 added a commit that referenced this pull request Dec 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants