diff --git a/src/App.js b/src/App.js
index 9854d9f..2c28b9a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -379,6 +379,7 @@ function AdminPanel(p) {
 		{page:"Potential Data",url:"/admin/potentialdata",table:"/potential_data"},
 		{hr:true},
 		{page:"Builds",url:"/admin/builds",table:"/builds"},
+		{page:"Likes",url:"/admin/likes",table:"/like_data"},
 		{hr:true},
 		{page:"Skills",url:"/admin/skills",table:"/skill"},
 		{page:"Skill Types",url:"/admin/skilltypes",table:"/skill_type"},
diff --git a/src/TestPanel.js b/src/TestPanel.js
index 6db1116..6dff9c4 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -1,4 +1,4 @@
-import {PencilFill,Save} from 'react-bootstrap-icons'
+import {PencilFill,Save,HandThumbsUp,HandThumbsUpFill} from 'react-bootstrap-icons'
 import React, { useEffect,useState } from 'react';
 import Modal from 'react-modal'
 import { DisplayIcon } from './DEFAULTS';
@@ -469,6 +469,7 @@ const [prevFoodPointData,setPrevFoodPointData] = useState({})
 const [BUFFS,setBUFFS] = useState({})
 
 const [buildLoad,setBuildLoad] = useState(false)
+const [liked,setLiked] = useState(false)
 
 function SaveData() {
   var saveObj = {
@@ -639,7 +640,7 @@ function deepCopySkills(skillData) {
 
     <div className="box basicInfoBox">
       <div className="boxTitleBar">
-      <h1>Basic Information</h1></div>
+      <h1>Basic Information</h1>{liked?<HandThumbsUpFill style={{marginLeft:"auto",marginRight:"0",fontSize:"32"}} onClick={()=>{setLiked(false)}}/>:<HandThumbsUp style={{marginLeft:"auto",marginRight:"0",fontSize:"32"}} onClick={()=>{setLiked(true)}}/>}<div onClick={()=>{setLiked(!liked)}}>Like!</div></div>
       <ReactPlaceholder showLoadingAnimation ready={buildLoad} type="media" rows={5}>
 
       <div className="basicInfo">