Merge pull request #149 from siesgstarena/alphaissue

Made the title responsive

src/Components/auth/signin/index.jsx

@@ -13,6 +13,7 @@ import useRedirectLoggedInUser from '../../../customHooks/useRedirectLoggedInUse
 import useLoggedInUser from '../../../customHooks/useLoggedInUser';
 
 const SignIn = () => {
+  document.title = 'SIESGSTarena | Sign In';
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
   const [messageType, setMessageType] = useState('');

src/Components/auth/signup/index.jsx

@@ -12,6 +12,7 @@ import PasswordField from '../../common/PasswordField/index';
 import useRedirectLoggedInUser from '../../../customHooks/useRedirectLoggedInUser';
 
 const SignUp = () => {
+  document.title = 'SIESGSTarena | Sign Up';
   const [name, setName] = useState('');
   const [username, setUsername] = useState('');
   const [email, setEmail] = useState('');

src/Components/common/Editor/global/index.jsx

@@ -17,6 +17,7 @@ import '../Style.css';
 import initialState from '../defaults/initialState';
 
 const Index = () => {
+  document.title = 'SIESGSTarena | Editor';
   const isMobile = window.innerWidth <= 768;
   const [editorConfig, setEditorConfig] = useState(
     initialState({ code: languageDefaults.Java, fontSize: isMobile ? 15 : 20 })

src/Components/common/TimePicker/index.jsx

@@ -3,6 +3,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import DateFnsUtils from '@date-io/date-fns';
 import { MuiPickersUtilsProvider, KeyboardTimePicker } from '@material-ui/pickers';
+import AccessTime from '@material-ui/icons/AccessTime';
 
 const MaterialUITimePicker = (props) => {
   const { label, id, value, onChangeFunction } = props;
@@ -19,6 +20,7 @@ const MaterialUITimePicker = (props) => {
         KeyboardButtonProps={{
           'aria-label': 'change time',
         }}
+        keyboardIcon={<AccessTime />}
       />
     </MuiPickersUtilsProvider>
   );

src/Components/drawer/Api/index.jsx

@@ -4,6 +4,7 @@ import 'swagger-ui-react/swagger-ui.css';
 import doc from './ApiDocs.json';
 
 const Index = () => {
+  document.title = 'SIESGSTArena | API';
   return <SwaggerUI spec={doc} />;
 };
 

src/Components/drawer/ICPC/Index.jsx

@@ -5,6 +5,7 @@ import NavButtons from './common/NavButtons';
 import './Style.css';
 
 const Index = () => {
+  document.title = 'SIESGSTarena | ICPC';
   return (
     <Container className="container-center">
       <Typography variant="h4" className="purple" align="left">

src/Components/drawer/blogs/blogPage/index.jsx

@@ -9,6 +9,8 @@ import useSentry from '../../../../customHooks/useSentry';
 import BlogLoadingScreen from './BlogLoadingScreen';
 
 const BlogPage = () => {
+  document.title = 'SIESGSTArena | Blogs';
+
   const { redirectOnSessionExpiredBeforeRender, isSessionExpired } = useSessionExpired();
   const { blogId } = useParams();
   const { loading, error, data } = useQuery(GET_BLOG_BY_BLOG_ID, {

src/Components/drawer/blogs/blogsList/index.jsx

@@ -11,6 +11,7 @@ import BlogsArray from '../../../user/myBlogs/BlogsArray';
 import { allBlogsLimit } from '../../../../utils/constants';
 
 const AllBlogsPageContainer = ({ isSuperuserRoute = false }) => {
+  document.title = 'SIESGSTArena | Blogs';
   const { redirectOnSessionExpiredBeforeRender, isSessionExpired } = useSessionExpired();
   const limit = allBlogsLimit;
   const activePageNumber = useActivePageState();

src/Components/drawer/contests/dashboard/index.jsx

@@ -2,11 +2,14 @@ import React from 'react';
 import SubmissionDetails from './SubmissionDetails';
 import DashboardContainer from './DashboardContainer';
 
-const DashboardPage = () => (
-  <div>
-    <DashboardContainer />
-    <SubmissionDetails />
-  </div>
-);
+const DashboardPage = () => {
+  document.title = 'SIESGSTArena | Dashboard';
+  return (
+    <div>
+      <DashboardContainer />
+      <SubmissionDetails />
+    </div>
+  );
+};
 
 export default DashboardPage;

src/Components/drawer/contests/schedule/index.jsx

@@ -9,6 +9,7 @@ import LoadingTable from '../../../common/LoadingTable/index';
 import ContestsTable from './ContestsTable';
 
 const ContestScheduleContainer = () => {
+  document.title = 'SIESGSTArena | Contest';
   const { redirectOnSessionExpiredBeforeRender, isSessionExpired } = useSessionExpired();
   const { loading, error, data } = useQuery(GET_CONTEST_HOMEPAGE_DETAILS);
 

src/Components/drawer/goodies/index.jsx

@@ -7,37 +7,40 @@ import tshirt from './assets/tshirt.jpg';
 import GoodiesCard from './GoodiesCard';
 import 'tachyons';
 
-const Goodies = () => (
-  <Grid className="mw7">
-    {/* The following row represents the heading of the route */}
-    <Row>
-      <Cell>
-        <Headline4 className="purple"> Goodies </Headline4>
-      </Cell>
-    </Row>
-
-    <div className="pa3 br4 mb3 bg-washed-red">
-      <Row style={{ display: 'flex', justifyContent: 'center' }}>
-        <img src={gift} alt="gift" />
-      </Row>
-      <Row style={{ display: 'flex', justifyContent: 'center' }}>
-        <Body1>Special goodies for winners and top performers</Body1>
+const Goodies = () => {
+  document.title = 'SIESGSTArena | Goodies';
+  return (
+    <Grid className="mw7">
+      {/* The following row represents the heading of the route */}
+      <Row>
+        <Cell>
+          <Headline4 className="purple"> Goodies </Headline4>
+        </Cell>
       </Row>
-    </div>
 
-    {/* The following row shows all the goodies */}
-    <Row>
-      <Cell phoneColumns={2}>
-        <GoodiesCard goodiesImage={bag} goodiesName="Wildcraft Bags" />
-      </Cell>
-      <Cell phoneColumns={2}>
-        <GoodiesCard goodiesImage={tshirt} goodiesName="T-shirts" />
-      </Cell>
-      <Cell phoneColumns={2}>
-        <GoodiesCard goodiesImage={tshirt} goodiesName="T-shirts" />
-      </Cell>
-    </Row>
-  </Grid>
-);
+      <div className="pa3 br4 mb3 bg-washed-red">
+        <Row style={{ display: 'flex', justifyContent: 'center' }}>
+          <img src={gift} alt="gift" />
+        </Row>
+        <Row style={{ display: 'flex', justifyContent: 'center' }}>
+          <Body1>Special goodies for winners and top performers</Body1>
+        </Row>
+      </div>
+
+      {/* The following row shows all the goodies */}
+      <Row>
+        <Cell phoneColumns={2}>
+          <GoodiesCard goodiesImage={bag} goodiesName="Wildcraft Bags" />
+        </Cell>
+        <Cell phoneColumns={2}>
+          <GoodiesCard goodiesImage={tshirt} goodiesName="T-shirts" />
+        </Cell>
+        <Cell phoneColumns={2}>
+          <GoodiesCard goodiesImage={tshirt} goodiesName="T-shirts" />
+        </Cell>
+      </Row>
+    </Grid>
+  );
+};
 
 export default Goodies;

src/Components/drawer/lab/Index.jsx

@@ -8,6 +8,7 @@ import './Style.css';
 import DownloadLink from 'react-download-link';
 
 const Index = () => {
+  document.title = 'SIESGSTArena | Lab';
   const getDataFromURL = (url) =>
     new Promise((resolve) => {
       setTimeout(() => {

src/Components/drawer/learn/index.jsx

@@ -7,6 +7,7 @@ import './styles.scss';
 import LearnCard from './LearnCard';
 
 const LearnContainer = () => {
+  document.title = 'SIESGSTarena | Learn';
   const [activeIndex, setActiveIndex] = useState(0);
   const handleActiveIndexUpdate = (updatedActiveIndex) => {
     setActiveIndex(updatedActiveIndex);

src/Components/drawer/playlists/homePage/index.jsx

@@ -6,6 +6,7 @@ import welcomeImage from '../welcomePage/assets/mbri-add-submenu.svg';
 import './index.scss';
 
 const WelcomePage = () => {
+  document.title = 'SIESGSTarena | Playlists';
   const topicsArray = topics.map((topic) => (
     <Link
       key={topic.id}

src/Components/drawer/ratings/index.jsx

@@ -2,11 +2,14 @@ import React from 'react';
 import { Headline4 } from '@material/react-typography';
 import RatingsContainer from './RatingsContainer';
 
-const RatingsPage = () => (
-  <div className="mw7 center pa2">
-    <Headline4 className="purple mb2 mt2">Ratings</Headline4>
-    <RatingsContainer />
-  </div>
-);
+const RatingsPage = () => {
+  document.title = 'SIESGSTArena | Ratings';
+  return (
+    <div className="mw7 center pa2">
+      <Headline4 className="purple mb2 mt2">Ratings</Headline4>
+      <RatingsContainer />
+    </div>
+  );
+};
 
 export default RatingsPage;

src/Components/footerPages/about/index.jsx

@@ -1,10 +1,13 @@
 import React from 'react';
 import AboutTabBar from './AboutTabBar';
 
-const About = () => (
-  <div>
-    <AboutTabBar />
-  </div>
-);
+const About = () => {
+  document.title = 'SIESGSTArena | About';
+  return (
+    <div>
+      <AboutTabBar />
+    </div>
+  );
+};
 
 export default About;