Testing

src/commons/Header/index.jsx

@@ -38,6 +38,8 @@ const SidebarItems = ({ backupName, backupData }) => {
       <SidebarItem to="/leaderboard/public" title="EVENT STANDINGS" />
       <SidebarItem to="/practice-slots/public" title="PRACTICE SLOTS" />
       <SidebarItem to="/stats" title="STATS" />
+      <SidebarItem to="/certificates" title="CERTIFICATES" />
+
 
       {isAdmin &&
         <li css={{ width: 150 }}><Dropdown

src/commons/Sidebar/index.jsx

@@ -89,7 +89,7 @@ const SidebarItems = ({ backupName, backupData }) => {
       <SidebarItem to="/leaderboard/public" title="EVENT STANDINGS" />
       <SidebarItem to="/practice-slots/public" title="PRACTICE SLOTS" />
       <SidebarItem to="/stats" title="STATS" />
-      {/* <SidebarItem to="/certificates" title="Certificates" /> */}
+      <SidebarItem to="/certificates" title="CERTIFICATES" />
       <SidebarSeparator />
       {/* <li style={{ fontSize: "0.5em", color: "#999", paddingTop: "20px", paddingLeft: "50px" }}>Admin</li> */}
       {/* <Dropdown options={options} onChange={this._onSelect} value={defaultOption} placeholder="Select an option" />;

src/components/Certificates/index.jsx

@@ -56,8 +56,8 @@ export default class Certificates extends React.Component {
       context.font = "bold 71px Blogger Sans";
       context.fillStyle = "#000000";
       context.textAlign = "center";
-      context.fillText(member.name, (canvas.width / 2), 600);
-      context.fillText(event, (canvas.width / 2), 870);
+      context.fillText(member.name, (canvas.width / 2), 450);
+      context.fillText(event, (canvas.width / 2), 690);
       canvas.toBlob((blob) => {
         link.href = URL.createObjectURL(blob);
         link.download = member.name + " - " + event + ".png"
@@ -90,8 +90,8 @@ export default class Certificates extends React.Component {
           context.font = "bold 71px Blogger Sans";
           context.fillStyle = "#000000";
           context.textAlign = "center";
-          context.fillText(list[i].name, (canvas.width / 2) , 520);
-          context.fillText(list[i].event, (canvas.width / 2), 780);
+          context.fillText(list[i].name, (canvas.width / 2) , 420);
+          context.fillText(list[i].event, (canvas.width / 2), 680);
           canvas.toBlob((blob) => {
             this.setState({ buttonName: `Processing ${Math.round(i / total * 100)}%...` });
             resolve(blob)