Minor fixes watch page and fix scrollbutton home page

TEDxNTUA · Mar 4, 2024 · ece5c4c · ece5c4c
1 parent f3a6c85
commit ece5c4c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 10 deletions.
diff --git a/src/app/page.js b/src/app/page.js
@@ -54,7 +54,6 @@ function HomePage() {
  <NewFooter />
  </div>
  {/* </div> */}
- <ScrollTopButton isHomePage={true} />
  </main>
  );
 }

diff --git a/src/components/Watch/SelectCategory.js b/src/components/Watch/SelectCategory.js
@@ -60,19 +60,17 @@ const SelectCategory = ({ category, setCategory, uniqueCategories }) => {
  key={index}
  className={`cursor-pointer border-black border rounded-md px-2 py-1 ${
  category.includes(watchtalk_category) ? "bg-our-red" : ""
- } hover:bg-our-red hover:text-white`}
+ } hover:bg-our-red hover:text-white text-white text-xs font-bold `}
  value={watchtalk_category}
  onClick={handleSelectCategoryChange}
  // aria-pressed={category.includes(watchtalk_category)}
  onTouchEnd={handleTouchEnd}
  >
- <span className="text-white text-xs font-bold">
- {
- // Capitalize the first letter of the category
- watchtalk_category.charAt(0).toUpperCase() +
- watchtalk_category.slice(1)
- }
- </span>
+ {
+ // Capitalize the first letter of the category
+ watchtalk_category.charAt(0).toUpperCase() +
+ watchtalk_category.slice(1)
+ }
  </button>
  ))}
  </div>

diff --git a/src/components/Watch/WatchHero.js b/src/components/Watch/WatchHero.js
@@ -18,7 +18,7 @@ const WatchHero = ({
  );
  const uniqueYears = getUniqueValues(watchtalks, "year").filter(Boolean);
  return (
- <div className="flex flex-col gap-8 items-center lg:relative justify-center lg:my-16 lg:z-[2] lg:bg-black">
+ <div className="flex flex-col gap-8 items-center lg:relative justify-center lg:my-16 lg:z-[2] lg:w-full lg:bg-black">
  <h1 className="text-white m-3 w-[75%] lg:pl-[4vw] text-3xl lg:text-7xl p-2 text-center font-bold">
  Here you can find all
  <span className="text-our-red"> TEDx</span>NTUA talks since 2015!