jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove rewards

Browse Source
This commit is contained in:
Jonathan Bourdon
2024-10-06 01:26:38 -04:00
parent cfae099da2
commit c36e698c83
3 changed files with 3 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/creators/CreatorContent.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="w-full h-full pr-4"> <div class="w-full h-full">
<div v-if="brandingStore.value.loading"> <div v-if="brandingStore.value.loading">
<v-progress-linear indeterminate></v-progress-linear> <v-progress-linear indeterminate></v-progress-linear>
</div> </div>

8
src/views/creators/CreatorLayout.vue
View File

@@ -9,14 +9,9 @@
<creator-banner></creator-banner> <creator-banner></creator-banner>
</div> </div>
<div class="flex flex-row justify-center py-10"> <div class="w-full py-10">
<div class="w-full">
<router-view></router-view> <router-view></router-view>
</div> </div>
<div class="max-w-80">
<rewards></rewards>
</div>
</div>
</div> </div>
@@ -26,7 +21,6 @@
<script async setup> <script async setup>
import CreatorBanner from "@/views/creators/CreatorBanner.vue"; import CreatorBanner from "@/views/creators/CreatorBanner.vue";
import Rewards from "@/views/creators/Rewards.vue";
import Footer from "@/views/main/Footer.vue"; import Footer from "@/views/main/Footer.vue";
import {useBrandingStore} from "@/stores/brandingStore.js"; import {useBrandingStore} from "@/stores/brandingStore.js";

84
src/views/creators/Rewards.vue
View File

@@ -1,84 +0,0 @@
<template>
<div class="text-center rounded-t-lg p-4 tracking-widest uppercase"
:style="{ color: brandingStore.value.colors.onPrimary, backgroundColor: brandingStore.value.colors.primary}">
Récompenses
</div>
<div v-for="(item, index) in rewards"
class="my-1 text-white"
:key="index"
:style="{ backgroundColor: brandingStore.value.colors.primary }">
<div class="flex justify-center border-b-2 border-white p-3 mx-2 text-xl tracking-[4px]">
{{ item.title }}
</div>
<div class="p-3">
<p v-if="item.description" class="text-gray-300 text-sm text-justify mt-1 py-1">
{{ item.description }}
</p>
<div v-if="item.amount" class="flex flex-row justify-end space-x-2">
<div class="text-right text-white">{{ item.amount }}$</div>
<div>|</div>
<div v-if="item.quantity"> Quantité: {{ item.quantity }}</div>
</div>
</div>
</div>
</template>
<script setup>
import {ref} from 'vue';
import {useBrandingStore} from "@/stores/brandingStore.js";
const brandingStore = useBrandingStore()
const rewards = ref([
{
title: 'Hoodie',
description: 'Je suis fier de vous montrer les installations sur lesquelles nous avons travaillé si fort.',
amount: 50,
quantity: 5,
date: '2024-09-19',
},
{
title: 'Small Talk',
description: 'Ceci est la description du contenu.',
amount: null,
quantity: null,
date: '2024-09-18',
},
{
title: 'Les vrais choses',
description: 'Nous sommes dans les derniers préparatifs, mais demain nous allons vous dévoiler la première partie du studio qui est complétée.',
amount: 100,
quantity: 10,
date: '2024-09-17',
},
{
title: 'On va changer le monde',
description: 'Deuxième contenu avec description.',
amount: 150,
quantity: 1,
date: '2024-09-16',
},
{
title: 'Séance photo',
description: 'Je suis fier de vous montrer les installations sur lesquelles nous avons travaillé si fort.',
amount: 150,
quantity: 20,
date: '2024-09-19',
},
{
title: 'Séance photo',
description: 'Je suis fier de vous montrer les installations sur lesquelles nous avons travaillé si fort.',
amount: 150,
quantity: 20,
date: '2024-09-19',
},
]);
</script>