Skip to content

Commit

Permalink
add time elapsed to mod request cards
Browse files Browse the repository at this point in the history
  • Loading branch information
AnatoleAM committed Dec 7, 2023
1 parent 4d31a47 commit b51d9a6
Showing 1 changed file with 11 additions and 0 deletions.
11 changes: 11 additions & 0 deletions src/views/admin/ModQueue/ModRequestCard.vue
Original file line number Diff line number Diff line change
Expand Up @@ -51,6 +51,11 @@
<EmoteTagList :emote="target" />
</UiFloating>
</div>
<div v-if="request.created_at" class="timestamp">
<Icon size="lg" icon="clock" />
<span>{{ formatDistance(new Date(request.created_at), Date.now(), { addSuffix: true }) }}</span>
</div>
</div>
</template>
</div>
Expand All @@ -68,6 +73,7 @@ import Icon from "@/components/utility/Icon.vue";
import UserTag from "@/components/utility/UserTag.vue";
import ModRequestCardDetailsModalVue from "./ModRequestCardDetailsModal.vue";
import UiFloating from "@/ui/UiFloating.vue";
import formatDistance from "date-fns/formatDistance";
export interface ModRequestAttr {
title: string;
Expand Down Expand Up @@ -353,6 +359,11 @@ div.mod-request-card {
visibility: hidden;
}
}
.timestamp {
display: grid;
grid-template-columns: 1.5rem 1fr;
}
}
}
</style>

0 comments on commit b51d9a6

Please sign in to comment.