From fa34576ba1eade272f8a322512142dd03ff3f4fc Mon Sep 17 00:00:00 2001
From: fhareed1 <folorunshofareed0@gmail.com>
Date: Tue, 28 Mar 2023 11:46:52 +0100
Subject: [PATCH 1/3] Added the order button component

---
 .env.example                |  9 -------
 components/TOrderButton.vue | 51 +++++++++++++++++++++++++++++++++++++
 components/TProfile.vue     | 34 ++++++++-----------------
 3 files changed, 62 insertions(+), 32 deletions(-)
 delete mode 100644 .env.example
 create mode 100644 components/TOrderButton.vue

diff --git a/.env.example b/.env.example
deleted file mode 100644
index 50406801..00000000
--- a/.env.example
+++ /dev/null
@@ -1,9 +0,0 @@
-# App configuration
-URL=http://localhost:3000
-FIREBASE_ANALYTICS_ENABLED=0
-
-# Firebase configuration - https://firebase.google.com/docs/web/setup
-FIREBASE_CONFIG=
-
-# Sentry configuration - https://docs.sentry.io/platforms/node/configuration/options/#dsn
-SENTRY_DSN=
diff --git a/components/TOrderButton.vue b/components/TOrderButton.vue
new file mode 100644
index 00000000..97d3e0cd
--- /dev/null
+++ b/components/TOrderButton.vue
@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <p :class="textClass">200 Free Cards Left</p>
+    <button type="button" :class="buttonClass">
+      <a href="https://wedance.gumroad.com/l/vip-card">Get Free VIP Card</a>
+    </button>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      buttonClass: 'button',
+      textClass: 'text',
+    }
+  },
+}
+</script>
+
+<style>
+.text {
+  font-size: 1.5em;
+  text-align: center;
+}
+.button {
+  background-color: black;
+  border: none;
+  color: white;
+  padding: 13px 200px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 3px 4px 20px;
+  cursor: pointer;
+  border-radius: 20px;
+}
+
+@media screen and (max-width: 600px) {
+  .text {
+    font-size: 1em;
+    text-align: center;
+  }
+  .button {
+    padding: 10px 100px;
+    margin: 20px 20px 15px 60px;
+    font-size: 10px;
+  }
+}
+</style>
diff --git a/components/TProfile.vue b/components/TProfile.vue
index 885bc462..b41ec750 100644
--- a/components/TProfile.vue
+++ b/components/TProfile.vue
@@ -1,5 +1,6 @@
 <template>
   <div>
+    <template v-if="!uid"><TOrderButton /></template>
     <THeader>
       <TButton
         v-if="profile.type === 'City'"
@@ -90,12 +91,6 @@
         </div>
 
         <div v-if="profile.type === 'City'" class="flex space-x-2 mt-4">
-          <TButton
-            to="/events/-/edit"
-            type="primary"
-            icon="plus"
-            label="Add Event"
-          />
           <TReaction
             :label="$t('Subscribe')"
             :toggled-label="$t('Unsubscribe')"
@@ -143,6 +138,11 @@
       class="w-full mt-4"
     />
 
+    <TCommunity
+      v-if="profile.type === 'City' && profile.username !== 'Travel'"
+      class="pt-4 border-t"
+    />
+
     <template v-if="$route.query.beta">
       <TCalendar
         v-if="profile.type === 'City' && profile.username !== 'Travel'"
@@ -151,9 +151,7 @@
     </template>
 
     <template v-if="!$route.query.beta">
-      <TLoader v-if="!loaded" class="py-4" />
       <TEventListNoLoad
-        v-else
         :community="profile.username"
         :username="profile.username"
         :docs="events"
@@ -161,11 +159,6 @@
       />
     </template>
 
-    <TCommunity
-      v-if="profile.type === 'City' && profile.username !== 'Travel'"
-      class="pt-4 border-t"
-    />
-
     <WTeaser
       v-if="!uid && profile.type !== 'City' && profile.place"
       :title="$t('profile.invite.header', { count: invitesLeft })"
@@ -300,8 +293,12 @@ import {
   getFestivals,
 } from '~/use/events'
 import { useCities } from '~/use/cities'
+import TOrderButton from './TOrderButton.vue'
 
 export default {
+  components: {
+    TOrderButton,
+  },
   props: {
     profile: {
       type: Object,
@@ -311,7 +308,7 @@ export default {
   head() {
     return getMeta('profiles', this.profile)
   },
-  setup(props, { root }) {
+  setup(props) {
     const internationalChatLink = 'https://t.me/+Vxw15sDG-dWpqHDj'
     const { uid, isAdmin, can } = useAuth()
     const { profileFields } = useProfiles()
@@ -357,17 +354,12 @@ export default {
         intro.visible = true
       }
     }
-
     const events = ref([])
-    const loaded = ref(false)
-
     const subscribersCount = computed(() => {
       return props.profile?.watch?.count || 0
     })
-
     onMounted(async () => {
       let result = []
-
       if (props.profile.username === 'Travel') {
         result = await getFestivals()
       } else if (props.profile.type === 'City') {
@@ -391,15 +383,11 @@ export default {
           ),
         ]
       }
-
       events.value = result
-      loaded.value = true
     })
-
     return {
       internationalChatLink,
       intro,
-      loaded,
       uid,
       can,
       getExcerpt,

From f5d1594a16c2afd4c29f4100aff2feeb1f971573 Mon Sep 17 00:00:00 2001
From: fhareed1 <folorunshofareed0@gmail.com>
Date: Tue, 28 Mar 2023 11:55:43 +0100
Subject: [PATCH 2/3] fixed the error'

---
 components/TProfile.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/TProfile.vue b/components/TProfile.vue
index b41ec750..29acf33b 100644
--- a/components/TProfile.vue
+++ b/components/TProfile.vue
@@ -278,6 +278,7 @@
 </template>
 
 <script>
+import TOrderButton from './TOrderButton.vue'
 import { computed, onMounted, ref } from 'vue-demi'
 import { useApp } from '~/use/app'
 import { useAuth } from '~/use/auth'
@@ -293,7 +294,6 @@ import {
   getFestivals,
 } from '~/use/events'
 import { useCities } from '~/use/cities'
-import TOrderButton from './TOrderButton.vue'
 
 export default {
   components: {

From 7b41ccabecd3f6d951dc21cf8cc0b790c92ccca8 Mon Sep 17 00:00:00 2001
From: fhareed1 <folorunshofareed0@gmail.com>
Date: Tue, 28 Mar 2023 11:59:38 +0100
Subject: [PATCH 3/3] fixed the error

---
 components/TProfile.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/TProfile.vue b/components/TProfile.vue
index 29acf33b..1bb8d09f 100644
--- a/components/TProfile.vue
+++ b/components/TProfile.vue
@@ -278,8 +278,8 @@
 </template>
 
 <script>
-import TOrderButton from './TOrderButton.vue'
 import { computed, onMounted, ref } from 'vue-demi'
+import TOrderButton from './TOrderButton.vue'
 import { useApp } from '~/use/app'
 import { useAuth } from '~/use/auth'
 import { useProfiles } from '~/use/profiles'