From 2791108118654c8c7bedf610554bce3a541b623b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Antti=20Pitk=C3=A4nen?= <anttis.pitkanen@gmail.com>
Date: Wed, 1 Mar 2023 09:07:56 +0200
Subject: [PATCH] Hide frontpage channel descriptions (#100)

* Prettier changes (NFC)

* Change: hide frontpage channel descriptions

* Discussion here: https://koodiklinikka.slack.com/archives/C6P893LFK/p1677587646981509
* tl;dr: Hiding the channel topics as those cannot really be controlled or made sure to be representative on the website
* Change the stylings to accommodate this
* Note that it seems to me at least that the channels are fetched and populated during build time, not in runtime, and thus the data is effectively stale (more in the linked thread), and this does nothing to fix that
---
 pages/index.tsx   | 12 ++----------
 styles/style.scss |  6 +++---
 tsconfig.json     | 22 ++++------------------
 3 files changed, 9 insertions(+), 31 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 697173e..23a39a4 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -130,18 +130,10 @@ const IndexContent = (props: IndexProps) => (
                             #{channel.name}
                           </a>
                         </div>
-                        <span className="channel-members">
-                          {channel.num_members} jäsentä
-                        </span>
                       </td>
                       <td>
-                        <span>
-                          <ReactMarkdown
-                            className="channel-topic"
-                            components={{ p: ChannelReferenceRenderer }}
-                          >
-                            {channel.topic}
-                          </ReactMarkdown>
+                        <span className="channel-members">
+                          {channel.num_members} jäsentä
                         </span>
                       </td>
                     </tr>
diff --git a/styles/style.scss b/styles/style.scss
index 871a03d..9f14683 100644
--- a/styles/style.scss
+++ b/styles/style.scss
@@ -389,8 +389,8 @@ footer {
 }
 .social {
   height: 30px;
-  margin-left: .5em;
-  margin-right: .5em;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
 }
 .feed {
   width: $feedWidth;
@@ -533,7 +533,6 @@ footer {
   }
 }
 .channels {
-  width: 100%;
   list-style: none;
   padding: 0;
   td {
@@ -583,6 +582,7 @@ footer {
 }
 .channel-members {
   font-size: 12px;
+  margin-left: 1rem;
 }
 .channel-topic {
   p {
diff --git a/tsconfig.json b/tsconfig.json
index 3689b66..9ddae14 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,11 +1,7 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
@@ -19,17 +15,7 @@
     "jsx": "preserve",
     "incremental": true
   },
-  "typeRoots": [
-    "./node_modules/@types",
-    "./typings"
-  ],
-  "exclude": [
-    "node_modules"
-  ],
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    "./typings/*"
-  ]
+  "typeRoots": ["./node_modules/@types", "./typings"],
+  "exclude": ["node_modules"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "./typings/*"]
 }