From 73450b37bfeabe7f29b2bb082a5ff41f893af496 Mon Sep 17 00:00:00 2001
From: Made Baruna <made.setia@gmail.com>
Date: Sat, 12 Jun 2021 16:30:40 +0700
Subject: [PATCH] Add furnishing on homepage

---
 src/locales/en.json                 |  4 ++++
 src/locales/id.json                 |  4 ++++
 src/routes/_index/furnishing.svelte | 18 ++++++++++++++++++
 src/routes/index.svelte             |  2 ++
 4 files changed, 28 insertions(+)
 create mode 100644 src/routes/_index/furnishing.svelte

diff --git a/src/locales/en.json b/src/locales/en.json
index 16dc578f..1dfcb165 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -65,6 +65,10 @@
     "achievement": {
       "title": "🏆 View and track your achievement list here",
       "detail": "Achievement"
+    },
+    "furnishing": {
+      "title": "Check what furnishing you need to make to complete a sets. And also you can view the load of each furnishing.",
+      "detail": "Furnishing"
     }
   },
   "characters": {
diff --git a/src/locales/id.json b/src/locales/id.json
index 90a6c82c..de0269d2 100644
--- a/src/locales/id.json
+++ b/src/locales/id.json
@@ -60,6 +60,10 @@
     "twitter": {
       "title": "Follow my Twitter, akan post tentang apa yang lagi di develop dan update terbaru tentang paimon.moe!",
       "detail": "Follow Twitter"
+    },
+    "furnishing": {
+      "title": "Cek furnitur apa saja yang kamu perlukan untuk menyelesaikan suatu set. Dan kamu juga bisa melihat beban masing-masing furnitur.",
+      "detail": "Furnitur"
     }
   },
   "characters": {
diff --git a/src/routes/_index/furnishing.svelte b/src/routes/_index/furnishing.svelte
new file mode 100644
index 00000000..5ac02bdb
--- /dev/null
+++ b/src/routes/_index/furnishing.svelte
@@ -0,0 +1,18 @@
+<script>
+  import { mdiChevronRight } from '@mdi/js';
+
+  import { t } from 'svelte-i18n';
+  import Icon from '../../components/Icon.svelte';
+</script>
+
+<div class="bg-item rounded-xl p-4 flex flex-col">
+  <p class="text-white">{$t('home.furnishing.title')}</p>
+  <a
+    href="/furnishing"
+    class="flex justify-end items-center self-end lg:self-start text-white mt-4 
+  bg-background-secondary rounded-xl py-2 px-4 hover:bg-background transition-colors duration-100"
+  >
+    {$t('home.furnishing.detail')}
+    <Icon path={mdiChevronRight} />
+  </a>
+</div>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 8b4cc005..3fcd0426 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -15,6 +15,7 @@
   import Discord from './_index/discord.svelte';
   import Twitter from './_index/twitter.svelte';
   import Achievement from './_index/achievement.svelte';
+  import Furnishing from './_index/furnishing.svelte';
 
   let refreshLayout;
 
@@ -59,6 +60,7 @@
     <Calculator on:done={onDone} />
     <Achievement on:done={onDone} />
     <Twitter on:done={onDone} />
+    <Furnishing on:done={onDone} />
     <!-- <div class="flex flex-col space-y-4">
     </div> -->
   </Masonry>