feat: New subPartial exercise

Author: shruti-shreyasi

src/pages/Exercises.tsx

@@ -6,24 +6,21 @@ export function Exercises() {
   const exercises = data?.exercises ?? [];
   return (
     <>
-      Welcome to TypeScript exercises!
+      <h2 className="text-3xl m-24">Welcome to TypeScript exercises!</h2>
       <br />
       {loading ? (
         'Loading exercises...'
       ) : (
         <>
-          Available exercises:
-          <ul>
+          <div className="m-4 flex justify-around w-full max-w-196">
             {exercises.map(exercise => (
-              <li key={exercise}>
-                <a href={`/exercise/${exercise}`}>
-                  <Button value={exercise} size="sm" className="cursor-pointer">
-                    {exercise}
-                  </Button>
-                </a>
-              </li>
+              <a href={`/exercise/${exercise}`} key={exercise}>
+                <Button value={exercise} className="cursor-pointer h-16 w-42 flex items-center justify-center text-lg uppercase">
+                  {exercise}
+                </Button>
+              </a>
             ))}
-          </ul>
+          </div>
         </>
       )}
     </>

templates/subPartial.template.ts

@@ -0,0 +1,35 @@
+import type { Expect } from '@type-challenges/utils';
+
+// fixed implementation
+type Equal<X, Y> =
+  (<T>() => T extends Omit<X, never> ? 1 : 2) extends <T>() => T extends Omit<Y, never> ? 1 : 2 ? true : false;
+
+type PartialByKeys</* SHORT_INPUT */> = /* LONG_INPUT */;
+
+/* Test Cases */
+
+interface User {
+  name: string;
+  age: number;
+  address: string;
+}
+
+type Cases = [
+  Expect<Equal<PartialByKeys<User, "name">, UserPartialName>>,
+  Expect<Equal<PartialByKeys<User, "name" | "age">, UserPartialNameAndAge>>,
+  Expect<Equal<PartialByKeys<User>, Partial<User>>>,
+  // @ts-expect-error
+  Expect<Equal<PartialByKeys<User, "name" | "unknown">, UserPartialName>>,
+];
+
+interface UserPartialName {
+  name?: string;
+  age: number;
+  address: string;
+}
+
+interface UserPartialNameAndAge {
+  name?: string;
+  age?: number;
+  address: string;
+}