Merge branch 'main' of github.com:kodadot/nft-gallery into cf-upgrade…

…-pnpm

.env.example

@@ -14,3 +14,4 @@ SUBSQUID_ENDPOINT=""
 RAMP_API_KEY=""
 TRANSAK_API_KEY=""
 TRANSAK_ENV="" #STAGING|PRODUCTION
+WALLET_CONNECT_PROJECT_ID=""

.github/workflows/stale.yml

@@ -0,0 +1,34 @@
+name: 'Close stale issues'
+on:
+  schedule:
+    # run at 12:00 every day
+    - cron: '0 0 * * SAT'
+
+
+permissions:
+  issues: write
+
+jobs:
+  stale:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/stale@v9
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          # start from the oldest issues when performing stale operations
+          ascending: true
+          days-before-issue-stale: 720
+          days-before-issue-close: 120
+
+          stale-issue-label: stale
+          exempt-issue-labels: chief
+          stale-issue-message: >
+            This issue has been automatically marked as stale because it has not had
+            activity in last 720 days. It will be closed in 120 days if no further activity occurs. Please @kodadot/internal 
+
+            feel free to leave a comment if you believe the issue is still relevant.
+            Thank you for your contributions!
+          close-issue-message: >
+            This issue has been automatically closed because it has not had any further
+            activity in the last 120 days. Thank you for your contributions!
+

components/BackablePage.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="max-md:gap-6 grid grid-cols-1 md:grid-cols-3">
+    <NeoButton
+      variant="outlined-rounded"
+      icon-left="arrow-left"
+      @click="$router.back()">
+      {{ $t('goBack') }}
+    </NeoButton>
+
+    <div>
+      <h1 class="text-3xl font-bold">{{ title }}</h1>
+
+      <hr class="!my-8" />
+
+      <slot />
+    </div>
+    <div />
+  </div>
+</template>
+<script lang="ts" setup>
+import { NeoButton } from '@kodadot1/brick'
+
+defineProps<{ title: string }>()
+</script>

components/CreateLanding.vue

@@ -0,0 +1,33 @@
+<template>
+  <BackablePage :title="$t('createPlaceholder.welcome')">
+    <div class="flex flex-col gap-4">
+      <p class="capitalize">{{ $t('createPlaceholder.ourFocus') }}</p>
+
+      <div class="flex">
+        <p class="capitalize">
+          {{ $t('createPlaceholder.intersted') }}
+          <a
+            href="https://form.kodadot.xyz/drop-interest"
+            class="text-k-blue hover:text-k-blue-hover"
+            target="_blank"
+            rel="nofollow noopener noreferrer">
+            {{ $t('createPlaceholder.fillOut') }}
+          </a>
+          {{ $t('createPlaceholder.learnMore') }}
+        </p>
+      </div>
+
+      <p class="capitalize">
+        {{ $t('createPlaceholder.codeStructure') }}
+
+        <a
+          href="https://hello.kodadot.xyz/generative/generative-art"
+          class="text-k-blue hover:text-k-blue-hover"
+          target="_blank"
+          rel="nofollow noopener noreferrer">
+          {{ $t('documentation') }}
+        </a>
+      </p>
+    </div>
+  </BackablePage>
+</template>

components/Navbar.vue

@@ -114,12 +114,6 @@
             data-testid="learn">
             {{ $t('learn') }}
           </a>
-          <CreateDropdown
-            v-show="isCreateVisible"
-            class="navbar-create custom-navbar-item ml-0"
-            data-testid="create"
-            :chain="urlPrefix"
-            @select="showMobileNavbar" />
 
           <MobileExpandableSection
             v-slot="{ onCloseMobileSubMenu }"
@@ -205,7 +199,6 @@ import { NeoButton, NeoIcon } from '@kodadot1/brick'
 import { nextTick } from 'vue'
 import { ConnectWalletModalConfig } from '@/components/common/ConnectWallet/useConnectWallet'
 import ChainSelectDropdown from '@/components/navbar/ChainSelectDropdown.vue'
-import CreateDropdown from '@/components/navbar/CreateDropdown.vue'
 import MobileExpandableSection from '@/components/navbar/MobileExpandableSection.vue'
 import MobileLanguageOption from '@/components/navbar/MobileLanguageOption.vue'
 import NavbarChainOptions from '@/components/navbar/NavbarChainOptions.vue'
@@ -215,7 +208,6 @@ import ConnectWalletButton from '@/components/shared/ConnectWalletButton.vue'
 
 import { useIdentityStore } from '@/stores/identity'
 import { getChainNameByPrefix } from '@/utils/chain'
-import { createVisible } from '@/utils/config/permission.config'
 import ShoppingCartButton from './navbar/ShoppingCartButton.vue'
 
 const { neoModal } = useProgrammatic()
@@ -233,8 +225,6 @@ const mobilSearchRef = ref<{ focusInput: () => void } | null>(null)
 
 const account = computed(() => identityStore.getAuthAddress)
 
-const isCreateVisible = computed(() => createVisible(urlPrefix.value))
-
 const logoSrc = computed(() => {
   const variant = isTouch ? 'Koda' : 'Koda_Beta'
   const color = isDarkMode.value ? '_dark' : ''

components/TheFooter.vue

@@ -207,6 +207,11 @@ const menuKodadot: Menu[] = [
     url: '/terms-of-use',
     external: false,
   },
+  {
+    name: $i18n.t('footer.create'),
+    url: '/create',
+    external: false,
+  },
 ]
 
 const socials = [