From 1cb171c8039971e4076b7ba219a9a0d93bfdf14d Mon Sep 17 00:00:00 2001
From: Leander Furumo <leander@furumo.eu>
Date: Fri, 6 Sep 2024 18:42:36 +0200
Subject: [PATCH] add tiktok link to about page

---
 assets/icons/tiktok.svg     |  6 ++++++
 src/modules/about/About.tsx | 21 +++++++++++++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 assets/icons/tiktok.svg

diff --git a/assets/icons/tiktok.svg b/assets/icons/tiktok.svg
new file mode 100644
index 0000000..67b21c6
--- /dev/null
+++ b/assets/icons/tiktok.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<title>tiktok</title>
+<path d="M16.656 1.029c1.637-0.025 3.262-0.012 4.886-0.025 0.054 2.031 0.878 3.859 2.189 5.213l-0.002-0.002c1.411 1.271 3.247 2.095 5.271 2.235l0.028 0.002v5.036c-1.912-0.048-3.71-0.489-5.331-1.247l0.082 0.034c-0.784-0.377-1.447-0.764-2.077-1.196l0.052 0.034c-0.012 3.649 0.012 7.298-0.025 10.934-0.103 1.853-0.719 3.543-1.707 4.954l0.020-0.031c-1.652 2.366-4.328 3.919-7.371 4.011l-0.014 0c-0.123 0.006-0.268 0.009-0.414 0.009-1.73 0-3.347-0.482-4.725-1.319l0.040 0.023c-2.508-1.509-4.238-4.091-4.558-7.094l-0.004-0.041c-0.025-0.625-0.037-1.25-0.012-1.862 0.49-4.779 4.494-8.476 9.361-8.476 0.547 0 1.083 0.047 1.604 0.136l-0.056-0.008c0.025 1.849-0.050 3.699-0.050 5.548-0.423-0.153-0.911-0.242-1.42-0.242-1.868 0-3.457 1.194-4.045 2.861l-0.009 0.030c-0.133 0.427-0.21 0.918-0.21 1.426 0 0.206 0.013 0.41 0.037 0.61l-0.002-0.024c0.332 2.046 2.086 3.59 4.201 3.59 0.061 0 0.121-0.001 0.181-0.004l-0.009 0c1.463-0.044 2.733-0.831 3.451-1.994l0.010-0.018c0.267-0.372 0.45-0.822 0.511-1.311l0.001-0.014c0.125-2.237 0.075-4.461 0.087-6.698 0.012-5.036-0.012-10.060 0.025-15.083z"></path>
+</svg>
\ No newline at end of file
diff --git a/src/modules/about/About.tsx b/src/modules/about/About.tsx
index 065ae48..aa21809 100644
--- a/src/modules/about/About.tsx
+++ b/src/modules/about/About.tsx
@@ -19,6 +19,7 @@ import IconInstagram from 'assets/icons/instagram.svg';
 import IconMail from 'assets/icons/mail.svg';
 import IconMap from 'assets/icons/map.svg';
 import IconPhone from 'assets/icons/phone.svg';
+import IconTiktok from 'assets/icons/tiktok.svg';
 import theme from 'src/theme';
 
 const CHATEAU_NEUF_ADDRESS = 'Det Norske Studentersamfund, Slemdalsveien 15, 0369 Oslo';
@@ -57,6 +58,22 @@ const openInstagram = () => {
     .catch((err) => console.error('An error occurred', err));
 };
 
+const openTiktok = () => {
+  const url =
+    Platform.select({
+      ios: 'tiktok://user?username=studentersamfund',
+      android: 'https://www.tiktok.com/@studentersamfund',
+    }) || '';
+  Linking.canOpenURL(url)
+    .then((supported) => {
+      if (!supported) {
+        return Linking.openURL('https://www.tiktok.com/@studentersamfund');
+      }
+      return Linking.openURL(url);
+    })
+    .catch((err) => console.error('An error occurred', err));
+};
+
 const openMap = () => {
   const url =
     Platform.select({
@@ -91,6 +108,10 @@ const About = () => (
           <IconInstagram width={60} height={60} style={{ marginBottom: -6 }} />
           <Text>Instagram</Text>
         </TouchableOpacity>
+        <TouchableOpacity style={styles.someBtn} onPress={openTiktok}>
+          <IconTiktok width={50} height={50} />
+          <Text>TikTok</Text>
+        </TouchableOpacity>
       </View>
 
       <Text style={[theme.text, styles.header]}>Adresse</Text>