refactor: remove empty className

Author: Odile078

src/components/sections/communities/overview/Sidebar.tsx

@@ -2,6 +2,7 @@ import { useSelector } from "@/hooks/useTypedSelector";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { useTranslation } from "next-i18next";
+import classNames from "classnames";
 
 /**
  * @interface SidebarProps
@@ -41,7 +42,7 @@ export default function Sidebar(): JSX.Element {
       </Link>
       {hasCurrentCommunity && (
         <Link href={scoreboardLink}>
-          <div className={isActive(scoreboardLink) ? "pt-6" : "opacity-80 md:block hidden scroll-smooth pt-6"}>
+          <div className={classNames("pt-6", { "opacity-80 md:block hidden scroll-smooth": isActive(scoreboardLink) })}>
             <div className="font-medium text-.5xl leading-snug">{t("communities.overview.scoreboard.title")}</div>
             <div className="text-sm font-light lg:w-full lg:pr-7 pt-2 mb-6 md:mb-0">{t("communities.overview.scoreboard.description")}</div>
           </div>

src/components/sections/communities/overview/scoreboard/Filter.tsx

@@ -111,7 +111,7 @@ export default function Filters(): ReactElement {
     <div className="lg:flex flex-col mr-8 hidden mt-6 space-y-6">
       <div>
         <span className="text-gray-700">Filter by</span>
-        <div className="mt-3 space-y-1-">
+        <div className="mt-3 space-y-1">
           {filterOptions.map((option, i) => (
             <FilterOption
               key={`option-${i}`}
@@ -140,17 +140,6 @@ export default function Filters(): ReactElement {
               onChange={handleSortByChange}
             />
           ))}
-          {sortingOptions.map((option, i) => (
-            <FilterOption
-              key={`sorting-option-${i}`}
-              defaultChecked={sortBy === option.value}
-              label={option.label}
-              value={option.value}
-              data={sortBy}
-              name="sort-by-option"
-              onChange={handleSortByChange}
-            />
-          ))}
         </div>
       </div>
     </div>

src/components/sections/communities/overview/scoreboard/_partials/FilterOption.tsx

@@ -33,7 +33,7 @@ export default function FilterOption({ label = "", value = "", data = "", name =
   const isChecked = useMemo(() => value.toString().toLowerCase() === data.toLowerCase(), [data, value]);
 
   return (
-    <div className="">
+    <div>
       <Radio {...props} name={name} data={data} value={value} className="!w-4.5 !h-4.5" />
       <label
         className={classNames("ml-4", {

src/components/ui/Radio.tsx

@@ -24,12 +24,7 @@ const colors = {
 export default function Radio({ disabled, communityStyles, className = "", ...props }: RadioProps) {
   const styles = useMemo(() => (!communityStyles ? {} : { color: colors?.textAccent }), [communityStyles]);
 
-  const radioClassName = classNames(
-    "w-9 h-9 border-gray-400 text-primary rounded-full",
-    { "cursor-not-allowed border-4": disabled },
-    { "cursor-pointer": !disabled },
-    `${className}`
-  );
+  const radioClassName = classNames("w-9 h-9 border-gray-400 text-primary rounded-full", { "cursor-not-allowed border-4": disabled }, { "cursor-pointer": !disabled }, className);
 
   return <input {...props} className={radioClassName} style={styles} type="radio" />;
 }