rename

Author: Miodec

frontend/src/ts/components/common/Button.tsx

@@ -1,11 +1,11 @@
 import { JSXElement, Show } from "solid-js";
 
 import { Conditional } from "./Conditional";
-import { Fa, FaUniversalProps } from "./Fa";
+import { Fa, FaProps } from "./Fa";
 
 type BaseProps = {
   text?: string;
-  fa?: FaUniversalProps;
+  fa?: FaProps;
   class?: string;
   type?: "text" | "button";
   children?: JSXElement;
@@ -29,7 +29,7 @@ export function Button(props: ButtonProps | AnchorProps): JSXElement {
   const content = (
     <>
       <Show when={props.fa !== undefined}>
-        <Fa {...(props.fa as FaUniversalProps)} />
+        <Fa {...(props.fa as FaProps)} />
       </Show>
       <Show when={props.text !== undefined}>{props.text}</Show>
       {props.children}

frontend/src/ts/components/common/Fa.tsx

@@ -2,13 +2,13 @@ import { JSXElement } from "solid-js";
 
 import { FaObject } from "../../types/font-awesome";
 
-export type FaUniversalProps = {
+export type FaProps = {
   fixedWidth?: boolean;
   spin?: boolean;
   size?: number;
 } & FaObject;
 
-export function Fa(props: FaUniversalProps): JSXElement {
+export function Fa(props: FaProps): JSXElement {
   const variant = (): string => props.variant ?? "solid";
   return (
     <i

frontend/src/ts/components/pages/AboutPage.tsx

@@ -10,9 +10,9 @@ import { getNumberWithMagnitude, numberWithSpaces } from "../../utils/numbers";
 import AsyncContent from "../common/AsyncContent";
 import { Button } from "../common/Button";
 import { ChartJs } from "../common/ChartJs";
-import { Fa, FaUniversalProps } from "../common/Fa";
+import { Fa, FaProps } from "../common/Fa";
 
-function H2(props: { text: string; fa: FaUniversalProps }): JSXElement {
+function H2(props: { text: string; fa: FaProps }): JSXElement {
   return (
     <h2 class="text-sub flex place-items-center gap-4 pb-4 text-4xl">
       <Fa {...props.fa} />
@@ -21,7 +21,7 @@ function H2(props: { text: string; fa: FaUniversalProps }): JSXElement {
   );
 }
 
-function H3(props: { text: string; fa: FaUniversalProps }): JSXElement {
+function H3(props: { text: string; fa: FaProps }): JSXElement {
   return (
     <h3 class="text-sub flex place-items-center gap-2 pb-2">
       <Fa {...props.fa} />