Реализация кнопки "Копировать ID" в админке

[didu4]

Изменения

1. Добавил в список кнопок в админке кнопку "Копировать ID"

Детали реализации

1. Расположил новую кнопку под уже имеющейся кнопкой "Удалить"
2. Написал новую функцию copyCommentID() для реализации копирования uuid комментария в буфер обмена (использовал clipboard)
3. Подключил toast-уведомления

Check-List

• Вы проверили свой код перед отправкой запроса?
• Вы написали тесты к реализованным функциям?
• Вы не забыли применить форматирование black и isort для Back-End или Prettier для Front-End?

[Dmatrushka19]

В целом, почти идеально.

Если смотреть в доку, то кнопки в v-card заводятся через v-card-actions (ты используешь v-card-text) + если мы используем такой синтаксис, то нам уже не нужен template #text, поскольку он суть дублирует то же самое. На мой взгляд тут правильно будет сделать вот так:

						<v-card-actions class="d-flex flex-column" style="gap: 8px">
							<v-btn block variant="elevated" text="Копировать ID" @click.stop="copyCommentID" />
							<v-btn block color="red" variant="elevated" text="Удалить" @click.stop="deleteComment" />
						</v-card-actions>
					</v-card>

[Dmatrushka19]

8px или 12 тут уже сути особо не имеет. Мне просто визуально приятнее с 8.
Вообще, наши дизайнеры в фигме декларируют так:

Все элементы дизайна должны быть кратны четырем: 4, 8, 12, 16, 20... Это необходимо для того, чтобы сохранять консистентность дизайна, было проще ориентироваться в выставлении числовых показателей при сборке интерфейсов, и для адаптивности дизайна на стороне фронтенда

[Dmatrushka19]

Все гуд. Мержим в main