Merge branch 'main' of github.com:andy89923/DVVA_Final-Project into main

andy89923 · Jan 12, 2023 · b0a12cd · b0a12cd
2 parents f0e0c1f + d48731a
commit b0a12cd
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 19 deletions.
diff --git a/movis/src/pages/f315/index.tsx b/movis/src/pages/f315/index.tsx
@@ -149,7 +149,7 @@ const Home: NextPage = () => {
     totalRevenue = 0;
   let keywordsDict = {};
   // Horizontal Bar Chart
-  const topN = 20;
+  const topN = 10;
 
   if (movies === undefined) {
   } else {

diff --git a/movis/src/pages/relation/index.tsx b/movis/src/pages/relation/index.tsx
@@ -49,20 +49,22 @@ const SelectionCard: React.FC<{
   setText: () => void;
 }> = (props) => {
   return (
-    <div className="flex w-full items-center space-x-5 rounded-2xl bg-white/50 px-5 py-3">
-      <h1 className="flex items-center">
+    <div
+      className={`flex w-full items-center space-x-5 rounded-2xl px-5 py-3 ${
+        props.disable ? "bg-white/20" : "bg-white/50"
+      }`}
+    >
+      <h1
+        className="flex items-center hover:cursor-pointer"
+        onClick={() => props.setDisable()}
+      >
         <span
           style={{
             color: props.color,
           }}
           className="mr-2 items-center rounded-md text-white"
-          onClick={() => props.setDisable()}
         >
-          {props.disable ? (
-            <HiOutlinePlusCircle className="h-6 w-6" />
-          ) : (
-            <HiXCircle className="h-6 w-6" />
-          )}
+          <GrStatusGoodSmall className="h-6 w-6" />
         </span>
         {props.title}
       </h1>
@@ -88,17 +90,8 @@ const SelectionCard: React.FC<{
         {props.text ? <RxText /> : <RxTextNone />}
       </button>
       <button className="h-6 w-6 rounded-md " onClick={() => props.setHide()}>
-        {props.hide ? <BiShow /> : <BiHide />}
+        {props.hide ? <BiHide /> : <BiShow />}
       </button>
-      {/* <button
-        className="h-6 w-6 rounded-md "
-        style={{
-          color: props.color,
-        }}
-        onClick={() => props.setDisable()}
-      >
-        {props.disable ? <HiOutlinePlusCircle /> : <HiXCircle />}
-      </button> */}
     </div>
   );
 };