From 2bb0ef796f93c754e9f2fa9002749818a047557b Mon Sep 17 00:00:00 2001
From: gets0ul <gets0ul@gmail.com>
Date: Thu, 18 Mar 2021 21:19:36 +0700
Subject: [PATCH] fix: "window is not defined" error on accessing winners tab
 directly

---
 .../challenge-detail/Winners/Winner/index.jsx         | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/shared/components/challenge-detail/Winners/Winner/index.jsx b/src/shared/components/challenge-detail/Winners/Winner/index.jsx
index 1a28490688..bd545f7808 100644
--- a/src/shared/components/challenge-detail/Winners/Winner/index.jsx
+++ b/src/shared/components/challenge-detail/Winners/Winner/index.jsx
@@ -1,6 +1,6 @@
 import { Avatar } from 'topcoder-react-ui-kit';
 import PT from 'prop-types';
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import _ from 'lodash';
 import { config } from 'topcoder-react-utils';
 
@@ -20,6 +20,11 @@ export default function Winner({
   viewable,
   winner,
 }) {
+  const [windowOrigin, setWindowOrigin] = useState();
+  useEffect(() => {
+    setWindowOrigin(window.origin);
+  }, []);
+
   const submissionId = viewable && getId(submissions, winner.placement);
 
   let placeStyle = winner.placement < 4 ? `place-${winner.placement}` : '';
@@ -69,9 +74,9 @@ export default function Winner({
           />
           <div>
             <a
-              href={`${window.origin}/members/${winner.handle}`}
+              href={`${windowOrigin}/members/${winner.handle}`}
               styleName="handle"
-              target={`${_.includes(window.origin, 'www') ? '_self' : '_blank'}`}
+              target={`${_.includes(windowOrigin, 'www') ? '_self' : '_blank'}`}
             >
               {winner.handle}
             </a>