diff --git a/packages/client/src/views/Dashboard/SideMenu.tsx b/packages/client/src/views/Dashboard/SideMenu.tsx index 7428b673b39908bc4e52d44ab5daefdd03d7352b..51b8b61cdd6cfa5e5b01c5dee9b1769f0efb95cd 100644 --- a/packages/client/src/views/Dashboard/SideMenu.tsx +++ b/packages/client/src/views/Dashboard/SideMenu.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import { FaHome, FaUserAlt, FaServer, FaVideo, FaChartLine, FaListAlt, FaTable, FaCubes, FaFilm, FaPencilAlt, FaChalkboard, FaPaintBrush } from 'react-icons/fa'; +import { FaHome, FaUserAlt, FaServer, FaVideo, FaChartLine, FaListAlt, FaTable, FaCubes, FaFilm, FaPencilAlt, FaChalkboard, FaPaintBrush, FaThumbsUp } from 'react-icons/fa'; import styled from 'styled-components'; import { Link } from 'react-router-dom'; @@ -76,6 +76,10 @@ export function SideMenu() { <FaPaintBrush /> <MenuText>Sketchpad</MenuText> </Link> + <Link target="_blank" to={`${path}reactions`}> + <FaThumbsUp /> + <MenuText>Reactions</MenuText> + </Link> </Container> ) } diff --git a/packages/client/src/views/Reactions/Reactions.tsx b/packages/client/src/views/Reactions/Reactions.tsx index cfa0febc180fd0f1b3c4aadd4a6cedf90d59ce70..783ce5174986d4c16950aad04d3cb7a71eec7b5f 100644 --- a/packages/client/src/views/Reactions/Reactions.tsx +++ b/packages/client/src/views/Reactions/Reactions.tsx @@ -20,13 +20,13 @@ export const Grid = styled.div` grid-template-columns: repeat(4, 1fr); flex-wrap: wrap; gap: 1rem; - padding: 1rem; + padding: 2rem; `; export const Item = styled.button` display: block; width: 100%; - font-size: 8rem; + font-size: 9rem; text-align: center; ` @@ -122,7 +122,7 @@ export function RectionLink() { return ( <div> <div>{url}</div> - <div style={{'padding': '2rem'}}><QRCodeCanvas value={url} size={250}/></div> + <div style={{'padding': '2rem'}}><QRCodeCanvas value={url} size={175}/></div> </div> ); }