Merge pull request #1272 from dacadeorg/fix/scoreboard

fix: scoreboard filtering

Author: musayann

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

@@ -29,12 +29,11 @@ interface FilterOptionProps extends HTMLProps<HTMLInputElement> {
 }
  * @returns {ReactElement}
  */
-export default function FilterOption({ label = "", value = "", data = "", name = "", ...props }: FilterOptionProps): ReactElement {
+export default function FilterOption({ label = "", value = "", data = "", name = "", onChange, ...props }: FilterOptionProps): ReactElement {
   const isChecked = useMemo(() => value.toString().toLowerCase() === data.toLowerCase(), [data, value]);
-
   return (
     <div className="flex items-center gap-2">
-      <Radio disabled={isChecked} {...props} name={name} data={data} value={value} className="!w-4.5 !h-4.5 mx-0" />
+      <Radio disabled={isChecked} name={name} data={data} value={value} {...props} className="!w-4.5 !h-4.5 mx-0" onChange={onChange} />
       <label
         className={classNames("text-sm", {
           "font-bold": isChecked,

src/components/ui/Radio.tsx

@@ -21,10 +21,10 @@ const colors = {
  * @typedef {RadioProps}
  */
 
-export default function Radio({ disabled, communityStyles, className = "", ...props }: RadioProps) {
+export default function Radio({ disabled, communityStyles, className = "", onChange, ...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);
 
-  return <input disabled {...props} className={radioClassName} style={styles} type="radio" />;
+  return <input disabled={disabled} {...props} className={radioClassName} style={styles} type="radio" onChange={onChange} />;
 }