cleanup message retention code

js/src/features/network-settings.tsx

@@ -8,11 +8,9 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { Separator } from "@/components/ui/separator";
-import { Slider } from "@/components/ui/slider";
 import { Muted } from "@/components/ui/typography";
 import { WindowControls } from "@/components/window-controls";
 import { useNetworks } from "@/hooks/use-networks";
-import { useSetMessageRetention } from "@/hooks/use-network-settings";
 import {
   useNetworkInvitations,
   useInviteMembers,
@@ -150,54 +148,6 @@ function SettingsGroup({
   );
 }
 
-function formatRetentionDays(hours: number): string {
-  const days = Math.round(hours / 24);
-  return days === 1 ? "1 day" : `${days} days`;
-}
-
-function EphemeralitySettings({ networkId, retentionHours }: { networkId: string; retentionHours: number }) {
-  const setRetention = useSetMessageRetention(networkId);
-  const [days, setDays] = useState(Math.round(retentionHours / 24));
-  const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined);
-
-  // Sync local state if server value changes externally
-  useEffect(() => {
-    setDays(Math.round(retentionHours / 24));
-  }, [retentionHours]);
-
-  const handleChange = useCallback((value: number[]) => {
-    const newDays = value[0];
-    setDays(newDays);
-
-    if (debounceRef.current) clearTimeout(debounceRef.current);
-    debounceRef.current = setTimeout(() => {
-      setRetention.mutate(newDays * 24, {
-        onSuccess: () => toast.success("Retention window updated"),
-        onError: (err) => toast.error(err.message || "Failed to update retention"),
-      });
-    }, 500);
-  }, [setRetention]);
-
-  return (
-    <div className="flex flex-col gap-3 px-4 py-3">
-      <div className="flex items-baseline justify-between">
-        <p className="text-sm font-medium">Messages disappear after</p>
-        <p className="text-sm font-semibold">{formatRetentionDays(days * 24)}</p>
-      </div>
-      <Slider
-        min={1}
-        max={14}
-        step={1}
-        value={[days]}
-        onValueChange={handleChange}
-      />
-      <Muted className="text-xs">
-        Older messages are no longer visible to anyone.
-      </Muted>
-    </div>
-  );
-}
-
 export default function NetworkSettingsPage() {
   const navigate = useNavigate();
   const { networkId } = useParams<{ networkId: string }>();
@@ -240,18 +190,6 @@ export default function NetworkSettingsPage() {
           ))}
         </SettingsGroup>
 
-        {isAdmin && network && (
-          <>
-            <Separator className="mt-4" />
-            <SettingsGroup title="Ephemerality">
-              <EphemeralitySettings
-                networkId={networkId!}
-                retentionHours={network.message_retention_hours}
-              />
-            </SettingsGroup>
-          </>
-        )}
-
         <Separator className="mt-4" />
 
         {isAdmin && network && (