From 48881294f8b5777b4fc97c85dd65caa63b40b64d Mon Sep 17 00:00:00 2001
From: TheoryOfNekomata <allan.crisostomo@outlook.com>
Date: Sun, 27 Dec 2020 16:56:46 +0800
Subject: [PATCH] Fix stylesheet toggle

Use rel attributes to specify currently selected theme.
---
 .../src/components/ThemeToggle/ThemeToggle.tsx                  | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/react-common-docs/src/components/ThemeToggle/ThemeToggle.tsx b/packages/react-common-docs/src/components/ThemeToggle/ThemeToggle.tsx
index f481162..cc36cf1 100644
--- a/packages/react-common-docs/src/components/ThemeToggle/ThemeToggle.tsx
+++ b/packages/react-common-docs/src/components/ThemeToggle/ThemeToggle.tsx
@@ -26,8 +26,10 @@ const applyStyles = (theme) => {
   stylesheets.forEach(s => {
     const enabled = s.title === theme
     if (enabled) {
+      s.setAttribute('rel', 'stylesheet')
       s.removeAttribute('disabled')
     } else {
+      s.setAttribute('rel', 'alternate')
       s.setAttribute('disabled', 'disabled')
     }
   })