-
+
{mainMenu}
@@ -247,6 +250,7 @@ export default function TopcoderHeader({
@@ -305,6 +309,10 @@ TopcoderHeader.propTypes = {
closeMenu: PT.func.isRequired,
closeMobileMenu: PT.func.isRequired,
closeSearch: PT.func.isRequired,
+ currentNav: PT.shape({
+ menuTitle: PT.string,
+ subMenuTitle: PT.string,
+ }).isRequired,
mobileMenuOpened: PT.bool,
openedMenu: SUB_MENU_SHAPE,
openMenu: PT.func.isRequired,
diff --git a/src/shared/components/TopcoderHeader/style.scss b/src/shared/components/TopcoderHeader/style.scss
index 8b7bdda8b3..cabb3e6c73 100644
--- a/src/shared/components/TopcoderHeader/style.scss
+++ b/src/shared/components/TopcoderHeader/style.scss
@@ -40,6 +40,8 @@
.logo {
position: absolute;
+ padding-left: 11px;
+ padding-top: 1px;
}
.main-menu {
@@ -53,12 +55,16 @@
display: inline-block;
font-size: 14px;
line-height: 54px;
- margin: 0 20px;
- padding: 0 20px;
+ margin: 0;
+ padding: 0 40px;
position: relative;
text-transform: uppercase;
- &:global.opened {
+ &.current {
+ box-shadow: inset 0 -4px 0 -1px $tc-dark-blue-90;
+ }
+
+ &.opened {
color: $tc-dark-blue-90;
/* TODO: This code for downward blue arrow is used also
@@ -179,10 +185,9 @@
display: inline-block;
font-size: 15px;
height: 54px;
- padding: 20px 0;
+ padding: 23px 0;
vertical-align: bottom;
position: relative;
- top: -2px;
}
@media only screen and (max-width: 1024px) {
diff --git a/src/shared/components/challenge-listing/ChallengeStatus/index.jsx b/src/shared/components/challenge-listing/ChallengeStatus/index.jsx
index 5f46242ab7..e1941bab62 100644
--- a/src/shared/components/challenge-listing/ChallengeStatus/index.jsx
+++ b/src/shared/components/challenge-listing/ChallengeStatus/index.jsx
@@ -9,7 +9,7 @@ import RegistrantsIcon from '../Icons/RegistrantsIcon';
import SubmissionsIcon from '../Icons/SubmissionsIcon';
import Tooltip from '../Tooltips/Tooltip';
import UserAvatarTooltip from '../Tooltips/UserAvatarTooltip';
-import ForumIcon from '../Icons/ForumIcon';
+import ForumIcon from '../Icons/forum.svg';
import './style.scss';
// Constants
@@ -141,7 +141,7 @@ class ChallengeStatus extends Component {
const CHALLENGE_URL = `${props.MAIN_URL}/challenge-details/`;
const DS_CHALLENGE_URL = `https:${props.config.COMMUNITY_URL}/longcontest/stats/?module=ViewOverview&rd=`;
- const FORUM_URL = `https:${props.config.FORUMS_APP_URL}/?module=Category&categoryID=`;
+ const FORUM_URL = `${config.URL.FORUMS}/?module=Category&categoryID=`;
this.state = {
winners: '',
CHALLENGE_URL,
diff --git a/src/shared/components/challenge-listing/Filters/ChallengeFilters.jsx b/src/shared/components/challenge-listing/Filters/ChallengeFilters.jsx
index f591989b1d..27d1c96306 100644
--- a/src/shared/components/challenge-listing/Filters/ChallengeFilters.jsx
+++ b/src/shared/components/challenge-listing/Filters/ChallengeFilters.jsx
@@ -264,6 +264,7 @@ const TagShape = PT.shape({
});
ChallengeFilters.defaultProps = {
+ communityName: null,
filter: new ChallengeFilter(),
isCardTypeSet: '',
searchQuery: '',
@@ -275,7 +276,7 @@ ChallengeFilters.defaultProps = {
ChallengeFilters.propTypes = {
challengeGroupId: PT.string.isRequired,
- communityName: PT.string.isRequired,
+ communityName: PT.string,
filter: PT.instanceOf(ChallengeFilter),
isCardTypeSet: PT.string,
searchQuery: PT.string,
diff --git a/src/shared/components/challenge-listing/Filters/ChallengeSearchBar/style.scss b/src/shared/components/challenge-listing/Filters/ChallengeSearchBar/style.scss
index a733ffaf7e..5f5b4c391d 100644
--- a/src/shared/components/challenge-listing/Filters/ChallengeSearchBar/style.scss
+++ b/src/shared/components/challenge-listing/Filters/ChallengeSearchBar/style.scss
@@ -16,6 +16,8 @@ $search-input-width: '100% - 56px';
display: inline-block;
vertical-align: middle;
margin-right: 40px;
+ position: relative;
+ top: 1px;
@include xs-to-sm {
display: none;
@@ -43,6 +45,10 @@ $search-input-width: '100% - 56px';
text-transform: none;
opacity: 1;
}
+
+ &:hover {
+ border: 1px solid $tc-gray-40;
+ }
}
.SearchButton {
@@ -52,6 +58,7 @@ $search-input-width: '100% - 56px';
padding: $challenge-space-10 + 1 $challenge-space-20 $challenge-space-10 - 2;
border-radius: 0 $challenge-radius-4 $challenge-radius-4 0;
vertical-align: middle;
+ height: 40px;
&.active,
&:hover {
diff --git a/src/shared/components/challenge-listing/Filters/FiltersPanel/index.jsx b/src/shared/components/challenge-listing/Filters/FiltersPanel/index.jsx
index ff93961cda..50c86747dc 100644
--- a/src/shared/components/challenge-listing/Filters/FiltersPanel/index.jsx
+++ b/src/shared/components/challenge-listing/Filters/FiltersPanel/index.jsx
@@ -126,7 +126,7 @@ class FiltersPanel extends React.Component {
-
+