Only show implementation 100% when everything is implemented (fix ruffle-rs#290)

Author: danielhjacobs

src/app/compatibility/avm2/class_box.tsx

@@ -15,18 +15,19 @@ import React from "react";
 import {
   ClassStatus,
   ProgressIcon,
+  displayedPercentage
 } from "@/app/compatibility/avm2/report_utils";
 
 export function ClassBox(props: ClassStatus) {
   const [opened, { toggle }] = useDisclosure(false);
-  const pctDone = Math.ceil(
-    ((props.summary.impl_points - props.summary.stub_penalty) /
-      props.summary.max_points) *
-      100,
-  );
-  const pctStub = Math.ceil(
-    (props.summary.stub_penalty / props.summary.max_points) * 100,
+  const pctDone = displayedPercentage(
+    props.summary.impl_points - props.summary.stub_penalty,
+    props.summary.max_points,
   );
+  const pctStub =
+    props.summary.impl_points === props.summary.max_points
+      ? 100 - pctDone
+      : displayedPercentage(props.summary.stub_penalty, props.summary.max_points);
   return (
     <Card bg="var(--ruffle-blue-9)" className={classes.class}>
       <Title order={4}>{props.name || "(Package level)"}</Title>

src/app/compatibility/avm2/report_utils.tsx

@@ -143,3 +143,7 @@ export async function getReportByNamespace(): Promise<{ [name: string]: Namespac
   }
   return byNamespace;
 }
+
+export function displayedPercentage(value: number, max: number): number {
+    return value === 0 ? value : Math.max(1, Math.floor(value / max * 100));
+}