cursor and hover behavior on share

components/PromptEntry.tsx

@@ -34,9 +34,6 @@ export default function PromptEntry({
               <div className="tooltip text-left" data-tip="⏪ Jump to previous prompt?" onClick={() => { jumpToPrompt(prompt, inferenceResults, setPaused, nowPlayingResult) }} >
                 <p className={className}>{prompt}</p>
               </div>
-              // <div className="tooltip cursor-pointer" data-tip="hello">
-              //   <p className={className}>{prompt}</p>
-              // </div>
             );
           case 1:
             return (

components/Share.tsx

@@ -228,13 +228,13 @@ export default function Share({
                       <span className="w-4/5">Share your riff</span>
 
                       <GrTwitter
-                        className="ml-4 w-8 h-8 mb-1 text-[#1DA1F2]"
+                        className="ml-4 w-8 h-8 mb-1 text-[#1DA1F2] hover:text-[#31739d] cursor-pointer"
                         onClick={() => {
                           console.log("click");
                         }}
                       />
                       <GrReddit
-                        className="ml-4 w-8 h-8 mb-1 text-[#FF4500]"
+                        className="ml-4 w-8 h-8 mb-1 text-[#FF4500] hover:text-[#b76344] cursor-pointer"
                         onClick={() => {
                           window.open(getRedditLink(), "_blank");
                         }}