mirror of
https://github.com/hpware/news-analyze.git
synced 2025-06-23 21:14:23 +00:00
Update news view to check if the user has faved a news article or not &
the star button finally do something for the two weeks that is there. Also done SOME user auth logic (aka revert bac kthe changes)
This commit is contained in:
parent
846c27293d
commit
5f37fb5049
2 changed files with 22 additions and 12 deletions
|
@ -31,6 +31,7 @@ const isGenerating = ref(false);
|
|||
const summaryText = ref("");
|
||||
const { locale } = useI18n();
|
||||
const likeart = ref([]);
|
||||
const staredStatus = ref(false);
|
||||
// Translating logic
|
||||
const translateText = ref(false);
|
||||
const translatedBefore = ref(false);
|
||||
|
@ -105,6 +106,20 @@ const aiSummary = async () => {
|
|||
isGenerating.value = false;
|
||||
}
|
||||
};
|
||||
|
||||
const starArticle = async () => {
|
||||
const req = await fetch(`/user/${slug}/fav`);
|
||||
const res = await req.json();
|
||||
if (req.status === success) {
|
||||
staredStatus.value = req.starred;
|
||||
}
|
||||
};
|
||||
|
||||
onMounted(async () => {
|
||||
const req = await fetch(`/user/${slug}/star`);
|
||||
const res = await req.json();
|
||||
staredStatus.value = req;
|
||||
});
|
||||
</script>
|
||||
<template>
|
||||
<div
|
||||
|
@ -183,7 +198,12 @@ const aiSummary = async () => {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button><StarIcon /></button>
|
||||
<button
|
||||
@click="starArticle"
|
||||
:class="'duration-300 transition-all' + {staredStatus && 'fill-blue-500 text-blue-500'"
|
||||
>
|
||||
<StarIcon />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue