persit votes when changing, make removing option instant,

components/Blocks/PollBlock.tsx

···
 };
 
 const PollVote = (props: { entityID: string; onSubmit: () => void }) => {
+  let { data, mutate } = usePollData();
   let pollOptions = useEntity(props.entityID, "poll/options");
-  let [selectedPollOptions, setSelectedPollOptions] = useState<string[]>([]);
-  let { mutate } = usePollData();
+  let currentVotes = data?.voter_token
+    ? data.polls
+        .filter(
+          (p) =>
+            p.poll_votes_on_entity.poll_entity === props.entityID &&
+            p.poll_votes_on_entity.voter_token === data.voter_token,
+        )
+        .map((v) => v.poll_votes_on_entity.option_entity)
+    : [];
+  let [selectedPollOptions, setSelectedPollOptions] =
+    useState<string[]>(currentVotes);
 
   return (
     <>
···
           });
           props.onSubmit();
         }}
-        disabled={selectedPollOptions.length === 0}
+        disabled={
+          selectedPollOptions.length === 0 ||
+          (selectedPollOptions.length === currentVotes.length &&
+            selectedPollOptions.every((s) => currentVotes.includes(s)))
+        }
       >
         Vote!
       </ButtonPrimary>
···
       <button
         disabled={props.disabled}
         className="text-accent-contrast disabled:text-border"
-        onMouseDown={() => {
-          rep?.mutate.removePollOption({ optionEntity: props.entityID });
+        onMouseDown={async () => {
+          await rep?.mutate.removePollOption({ optionEntity: props.entityID });
         }}
       >
         <CloseTiny />

src/replicache/index.tsx

···
     },
   );
   let d = data || fallbackData;
-  return Attributes[attribute].cardinality === "many"
-    ? (d as CardinalityResult<A>)
+  let a = Attributes[attribute];
+  return a.cardinality === "many"
+    ? ((a.type === "ordered-reference"
+        ? d.sort((a, b) => {
+            return (
+              a as Fact<keyof FilterAttributes<{ type: "ordered-reference" }>>
+            ).data.position >
+              (b as Fact<keyof FilterAttributes<{ type: "ordered-reference" }>>)
+                .data.position
+              ? 1
+              : -1;
+          })
+        : d) as CardinalityResult<A>)
     : d.length === 0 && data === null
       ? (null as CardinalityResult<A>)
       : (d[0] as CardinalityResult<A>);

src/replicache/mutations.ts

···
 const removePollOption: Mutation<{
   optionEntity: string;
 }> = async (args, ctx) => {
-  ctx.deleteEntity(args.optionEntity);
+  await ctx.deleteEntity(args.optionEntity);
 };
 
 export const mutations = {

src/utils/elementId.ts

···
     text: `block/${id}/content`,
     container: `block/${id}/container`,
     input: `block/${id}/input`,
+    pollInput: (entity: string) => `block/${id}/poll-input/${entity}`,
   }),
   page: (id: string) => ({
     container: `page/${id}/container`,