From 8d6c94b22bc6864f1819d6fd0e871427b1f57f68 Mon Sep 17 00:00:00 2001
From: teodorus-nathaniel <nathankurnia26@gmail.com>
Date: Fri, 2 Feb 2024 21:57:47 +0700
Subject: [PATCH] style: move likeable post checkbox to affixed in desktop

---
 src/components/main/HomePageFilters.tsx | 12 ++++++++++++
 src/styles/subsocial.scss               |  7 +++++++
 2 files changed, 19 insertions(+)

diff --git a/src/components/main/HomePageFilters.tsx b/src/components/main/HomePageFilters.tsx
index cf8c4ad00..32d2466c1 100644
--- a/src/components/main/HomePageFilters.tsx
+++ b/src/components/main/HomePageFilters.tsx
@@ -140,6 +140,18 @@ export const Filters = (props: Props) => {
     filters = filters.filter(({ value }) => value !== 'hot')
   }
 
+  if (isAffix && showLikablePostsCheckbox) {
+    return (
+      <div className={clsx('AffixCheckbox')}>
+        <Checkbox checked={value} onChange={e => setValue(e.target.checked)}>
+          <span className='ColorMuted' style={{ userSelect: 'none' }}>
+            Show likeable posts
+          </span>
+        </Checkbox>
+      </div>
+    )
+  }
+
   return (
     <div className={`DfFilters ${!isAffix ? 'mt-3' : ''}`}>
       <Row className={style.DfGridParams}>
diff --git a/src/styles/subsocial.scss b/src/styles/subsocial.scss
index 457885017..904e06423 100644
--- a/src/styles/subsocial.scss
+++ b/src/styles/subsocial.scss
@@ -2340,3 +2340,10 @@ hr {
 .text-wrap-balance {
   text-wrap: balance;
 }
+
+.AffixCheckbox {
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translateY(10px);
+}