enhance(frontend): 自分のクリップ一覧ではアバターを表示しないように (#14256)
* enhance(frontend): 自分のクリップ一覧ではアバターを表示しないように * Update Changelog * rename --------- Co-authored-by: syuilo <4439005+syuilo@users.noreply.github.com>
This commit is contained in:
		
							parent
							
								
									f965f65dcd
								
							
						
					
					
						commit
						3548ffba26
					
				
					 3 changed files with 13 additions and 7 deletions
				
			
		| 
						 | 
				
			
			@ -31,6 +31,7 @@ export const Default = {
 | 
			
		|||
	},
 | 
			
		||||
	args: {
 | 
			
		||||
		clip: clip(),
 | 
			
		||||
		noUserInfo: false,
 | 
			
		||||
	},
 | 
			
		||||
	parameters: {
 | 
			
		||||
		layout: 'fullscreen',
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -12,10 +12,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
			<div v-if="clip.lastClippedAt">{{ i18n.ts.updatedAt }}: <MkTime :time="clip.lastClippedAt" mode="detail"/></div>
 | 
			
		||||
			<div v-if="clip.notesCount != null">{{ i18n.ts.notesCount }}: {{ number(clip.notesCount) }} / {{ $i?.policies.noteEachClipsLimit }} ({{ i18n.tsx.remainingN({ n: remaining }) }})</div>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div :class="$style.divider"></div>
 | 
			
		||||
		<div>
 | 
			
		||||
			<MkAvatar :user="clip.user" :class="$style.userAvatar" indicator link preview/> <MkUserName :user="clip.user" :nowrap="false"/>
 | 
			
		||||
		</div>
 | 
			
		||||
		<template v-if="!props.noUserInfo">
 | 
			
		||||
			<div :class="$style.divider"></div>
 | 
			
		||||
			<div>
 | 
			
		||||
				<MkAvatar :user="clip.user" :class="$style.userAvatar" indicator link preview/> <MkUserName :user="clip.user" :nowrap="false"/>
 | 
			
		||||
			</div>
 | 
			
		||||
		</template>
 | 
			
		||||
	</div>
 | 
			
		||||
</MkA>
 | 
			
		||||
</template>
 | 
			
		||||
| 
						 | 
				
			
			@ -27,9 +29,12 @@ import { i18n } from '@/i18n.js';
 | 
			
		|||
import { $i } from '@/account.js';
 | 
			
		||||
import number from '@/filters/number.js';
 | 
			
		||||
 | 
			
		||||
const props = defineProps<{
 | 
			
		||||
const props = withDefaults(defineProps<{
 | 
			
		||||
	clip: Misskey.entities.Clip;
 | 
			
		||||
}>();
 | 
			
		||||
	noUserInfo?: boolean;
 | 
			
		||||
}>(), {
 | 
			
		||||
	noUserInfo: false,
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
const remaining = computed(() => {
 | 
			
		||||
	return ($i?.policies && props.clip.notesCount != null) ? ($i.policies.noteEachClipsLimit - props.clip.notesCount) : i18n.ts.unknown;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
				<MkButton primary rounded class="add" @click="create"><i class="ti ti-plus"></i> {{ i18n.ts.add }}</MkButton>
 | 
			
		||||
 | 
			
		||||
				<MkPagination v-slot="{ items }" ref="pagingComponent" :pagination="pagination" class="_gaps">
 | 
			
		||||
					<MkClipPreview v-for="item in items" :key="item.id" :clip="item"/>
 | 
			
		||||
					<MkClipPreview v-for="item in items" :key="item.id" :clip="item" :noUserInfo="true"/>
 | 
			
		||||
				</MkPagination>
 | 
			
		||||
			</div>
 | 
			
		||||
			<div v-else-if="tab === 'favorites'" key="favorites" class="_gaps">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue