Remove Pro Fontawesome

apps/cyberstorm-nextjs/app/(navigation)/DevelopersDropDown.tsx

@@ -1,4 +1,4 @@
-import { faCaretDown, faCode } from "@fortawesome/pro-solid-svg-icons";
+import { faCaretDown, faCode } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 import styles from "./Navigation.module.css";

apps/cyberstorm-nextjs/app/(navigation)/HeaderUserNav.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { faUpload, faXmarkLarge } from "@fortawesome/pro-solid-svg-icons";
+import { faUpload, faXmark } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useDapper } from "@thunderstore/dapper";
 import { usePromise } from "@thunderstore/use-promise";
@@ -61,7 +61,7 @@ export const HeaderUserNav = () => {
               className={styles.navAccountPopoverCloseButton}
             >
               <Icon inline noWrapper>
-                <FontAwesomeIcon icon={faXmarkLarge} />
+                <FontAwesomeIcon icon={faXmark} />
               </Icon>
             </button>
             <nav className={styles.mobileNavPopoverList}>

apps/cyberstorm-nextjs/app/(navigation)/Navigation.tsx

@@ -3,7 +3,7 @@ import {
   faGamepad,
   faLongArrowLeft,
   faCaretRight,
-} from "@fortawesome/pro-solid-svg-icons";
+} from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 import styles from "./Navigation.module.css";

apps/cyberstorm-nextjs/app/(navigation)/UserActions.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { faSignOut } from "@fortawesome/pro-solid-svg-icons";
+import { faSignOut } from "@fortawesome/free-solid-svg-icons";
 import { faDiscord, faGithub } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 

apps/cyberstorm-nextjs/app/(navigation)/UserDropDown.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { faSignOut, faUsers } from "@fortawesome/pro-solid-svg-icons";
+import { faSignOut, faUsers } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import * as RadixDropDown from "@radix-ui/react-dropdown-menu";
 

apps/cyberstorm-nextjs/app/c/[community]/(community)/@community/@communityCard/page.tsx

@@ -11,8 +11,8 @@ import { formatInteger } from "@thunderstore/cyberstorm/src/utils/utils";
 import { useDapper } from "@thunderstore/dapper";
 import { usePromise } from "@thunderstore/use-promise";
 import { faDiscord } from "@fortawesome/free-brands-svg-icons";
-import { faBoxOpen, faDownload } from "@fortawesome/pro-regular-svg-icons";
-import { faArrowUpRight } from "@fortawesome/pro-solid-svg-icons";
+import { faBoxOpen, faDownload } from "@fortawesome/free-solid-svg-icons";
+import { faArrowUpRightFromSquare } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export default function Page({ params }: { params: { community: string } }) {
@@ -55,7 +55,7 @@ export default function Page({ params }: { params: { community: string } }) {
                   </Button.ButtonIcon>
                   <Button.ButtonLabel>Join our community</Button.ButtonLabel>
                   <Button.ButtonIcon>
-                    <FontAwesomeIcon icon={faArrowUpRight} />
+                    <FontAwesomeIcon icon={faArrowUpRightFromSquare} />
                   </Button.ButtonIcon>
                 </Button.Root>
               </a>

apps/cyberstorm-nextjs/app/c/[community]/(package)/@tspackage/p/[namespace]/(packageRoute)/[package]/(pkg)/@packageCard/@packageManagement/page.tsx

@@ -3,7 +3,7 @@ import { Alert, Button, Tag, TextInput } from "@thunderstore/cyberstorm";
 import styles from "./PackageManagementForm.module.css";
 import { useDapper } from "@thunderstore/dapper";
 import { usePromise } from "@thunderstore/use-promise";
-import { faCircleExclamation } from "@fortawesome/pro-solid-svg-icons";
+import { faCircleExclamation } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export default function Page({

apps/cyberstorm-nextjs/app/c/[community]/(package)/@tspackage/p/[namespace]/(packageRoute)/[package]/(pkg)/@packageCard/layout.tsx

@@ -10,10 +10,10 @@ import { useDapper } from "@thunderstore/dapper";
 import { usePromise } from "@thunderstore/use-promise";
 import { ThunderstoreLogo } from "@thunderstore/cyberstorm/src/svg/svg";
 import {
-  faArrowUpRight,
+  faArrowUpRightFromSquare,
   faUsers,
   faCog,
-} from "@fortawesome/pro-solid-svg-icons";
+} from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { ReactNode, Suspense } from "react";
 
@@ -54,7 +54,7 @@ export default function PackageCardLayout({
         <Button.Root plain colorScheme="transparentPrimary" paddingSize="small">
           <Button.ButtonLabel>{packageData.website_url}</Button.ButtonLabel>
           <Button.ButtonIcon>
-            <FontAwesomeIcon icon={faArrowUpRight} />
+            <FontAwesomeIcon icon={faArrowUpRightFromSquare} />
           </Button.ButtonIcon>
         </Button.Root>
       </a>

apps/cyberstorm-nextjs/app/c/[community]/(package)/@tspackage/p/[namespace]/(packageRoute)/[package]/(pkg)/@packageDetail/@packageDependencyList/layout.tsx

@@ -5,8 +5,8 @@ import {
   ImageWithFallback,
   CyberstormLink,
 } from "@thunderstore/cyberstorm";
-import { faBoxOpen } from "@fortawesome/pro-regular-svg-icons";
-import { faCaretRight } from "@fortawesome/pro-solid-svg-icons";
+import { faBoxOpen } from "@fortawesome/free-solid-svg-icons";
+import { faCaretRight } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import styles from "./PackageDependencyList.module.css";
 import { useDapper } from "@thunderstore/dapper";

apps/cyberstorm-nextjs/app/c/[community]/(package)/@tspackage/p/[namespace]/(packageRoute)/[package]/(pkg)/@packageDetail/@packageTagList/page.tsx

@@ -8,13 +8,12 @@ import { usePromise } from "@thunderstore/use-promise";
 import { ReactNode } from "react";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faTag } from "@fortawesome/pro-regular-svg-icons";
+import { faTag } from "@fortawesome/free-solid-svg-icons";
 import {
   faThumbtack,
   faWarning,
-  faLips,
-  faSparkles,
-} from "@fortawesome/pro-solid-svg-icons";
+  faBomb,
+} from "@fortawesome/free-solid-svg-icons";
 
 export default function Page({
   params,
@@ -84,7 +83,7 @@ function getPackageFlags(packageData: PackageListingDetails) {
         label="NSFW"
         colorScheme="pink"
         size="mediumPlus"
-        leftIcon={<FontAwesomeIcon icon={faLips} />}
+        leftIcon={<FontAwesomeIcon icon={faBomb} />}
       />
     );
   }
@@ -95,7 +94,7 @@ function getPackageFlags(packageData: PackageListingDetails) {
         label="New"
         colorScheme="green"
         size="mediumPlus"
-        leftIcon={<FontAwesomeIcon icon={faSparkles} />}
+        leftIcon={<FontAwesomeIcon icon={faBomb} />}
       />
     );
   }

apps/cyberstorm-nextjs/app/c/[community]/(package)/@tspackage/p/[namespace]/(packageRoute)/[package]/(pkg)/@packageDetail/@packageTeamMemberList/page.tsx

@@ -4,7 +4,7 @@ import {
   faUsers,
   faCaretRight,
   faCrown,
-} from "@fortawesome/pro-solid-svg-icons";
+} from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import styles from "./PackageTeamMemberList.module.css";
 import { useDapper } from "@thunderstore/dapper";

apps/cyberstorm-nextjs/app/c/[community]/(package)/@tspackage/p/[namespace]/(packageRoute)/[package]/(pkg)/@packageDetail/layout.tsx

@@ -7,7 +7,7 @@ import {
   faThumbsUp,
   faFlag,
   faBoxes,
-} from "@fortawesome/pro-solid-svg-icons";
+} from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import styles from "./PackageDetailsLayout.module.css";
 import { Button, Icon, Tag } from "@thunderstore/cyberstorm";

apps/cyberstorm-nextjs/app/c/[community]/(package)/@tspackage/p/[namespace]/(packageRoute)/[package]/(pkg)/@packageTabs/@packageVersions/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { faCircleExclamation } from "@fortawesome/free-solid-svg-icons";
-import { faBoltLightning } from "@fortawesome/pro-solid-svg-icons";
+import { faBoltLightning } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useDapper } from "@thunderstore/dapper";
 import { usePromise } from "@thunderstore/use-promise";

apps/cyberstorm-nextjs/app/c/[community]/(package)/@tspackage/p/[namespace]/(packageRoute)/[package]/(pkg)/@packageTabs/layout.tsx

@@ -5,9 +5,9 @@ import { ReactNode, Suspense } from "react";
 import Tabs from "@thunderstore/cyberstorm/src/components/NewTabs/Tabs";
 import {
   faFileLines,
-  faFilePlus,
+  faFileCirclePlus,
   faCodeBranch,
-} from "@fortawesome/pro-solid-svg-icons";
+} from "@fortawesome/free-solid-svg-icons";
 
 export default function PacakgeTabsLayout({
   packageReadme,
@@ -38,7 +38,7 @@ export default function PacakgeTabsLayout({
       <Tabs.Tab
         name="changelog"
         label="Changelog"
-        icon={faFilePlus}
+        icon={faFileCirclePlus}
         disabled={!packageData.has_changelog}
       >
         <Suspense fallback={<p>TODO: Changelog Skeleton</p>}>

apps/cyberstorm-nextjs/app/communities/@communityList/page.tsx

@@ -1,4 +1,4 @@
-import { faGhost } from "@fortawesome/pro-solid-svg-icons";
+import { faGhost } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useDapper } from "@thunderstore/dapper";
 

apps/cyberstorm-nextjs/app/communities/@searchAndOrder/page.tsx

@@ -10,7 +10,7 @@ import {
   faArrowDownAZ,
   faStar,
 } from "@fortawesome/free-solid-svg-icons";
-import { faFire } from "@fortawesome/pro-solid-svg-icons";
+import { faFire } from "@fortawesome/free-solid-svg-icons";
 import { usePathname, useSearchParams } from "next/navigation";
 import { useRouter } from "next/navigation";
 

apps/cyberstorm-nextjs/app/developers/manifest-validator/@validator/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { faWarning } from "@fortawesome/pro-solid-svg-icons";
+import { faWarning } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useDapper } from "@thunderstore/dapper";
 import { usePromise } from "@thunderstore/use-promise";

apps/cyberstorm-nextjs/app/teams/[team]/@settingsContent/layout.tsx

@@ -10,7 +10,7 @@ import {
   faUsers,
   faUserCog,
   faCog,
-} from "@fortawesome/pro-regular-svg-icons";
+} from "@fortawesome/free-solid-svg-icons";
 import { classnames } from "@thunderstore/cyberstorm/src/utils/utils";
 
 export default function TeamsLayout(props: {

apps/cyberstorm-nextjs/app/teams/[team]/@settingsContent/members/TeamMemberList.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { faTrashCan } from "@fortawesome/pro-solid-svg-icons";
+import { faTrashCan } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { TeamMember } from "@thunderstore/dapper/types";
 

apps/cyberstorm-nextjs/app/teams/[team]/@settingsContent/members/page.tsx

@@ -3,7 +3,7 @@ import { useDapper } from "@thunderstore/dapper";
 import { usePromise } from "@thunderstore/use-promise";
 import { TeamMemberList } from "./TeamMemberList";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faPlus } from "@fortawesome/pro-solid-svg-icons";
+import { faPlus } from "@fortawesome/free-solid-svg-icons";
 import { AddTeamMemberForm } from "@thunderstore/cyberstorm-forms";
 import { useState } from "react";
 import { SettingItem, Dialog, Button } from "@thunderstore/cyberstorm";

apps/cyberstorm-nextjs/app/teams/[team]/@settingsContent/service-accounts/page.tsx

@@ -5,7 +5,7 @@ import { useDapper } from "@thunderstore/dapper";
 import { usePromise } from "@thunderstore/use-promise";
 import { ServiceAccountList } from "./ServiceAccountList/ServiceAccountList";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faPlus } from "@fortawesome/pro-solid-svg-icons";
+import { faPlus } from "@fortawesome/free-solid-svg-icons";
 
 export default function Page(props: { params: { team: string } }) {
   const dapper = useDapper();

apps/cyberstorm-nextjs/app/teams/[team]/@settingsContent/settings/page.tsx

@@ -6,10 +6,7 @@ import { useDapper } from "@thunderstore/dapper";
 import { usePromise } from "@thunderstore/use-promise";
 import { useState } from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import {
-  faOctagonExclamation,
-  faTrashCan,
-} from "@fortawesome/pro-solid-svg-icons";
+import { faBomb, faTrashCan } from "@fortawesome/free-solid-svg-icons";
 
 export default function Page(props: { params: { team: string } }) {
   const [disbandTeamDialogOpen, setDisbandTeamDialogOpen] = useState(false);
@@ -27,7 +24,7 @@ export default function Page(props: { params: { team: string } }) {
         content={
           <div className={styles.content}>
             <Alert
-              icon={<FontAwesomeIcon icon={faOctagonExclamation} />}
+              icon={<FontAwesomeIcon icon={faBomb} />}
               content={
                 "You cannot currently leave this team as you are it's last owner."
               }
@@ -68,7 +65,7 @@ export default function Page(props: { params: { team: string } }) {
         content={
           <div className={styles.content}>
             <Alert
-              icon={<FontAwesomeIcon icon={faOctagonExclamation} />}
+              icon={<FontAwesomeIcon icon={faBomb} />}
               content={
                 "You cannot currently disband this team as it has packages."
               }

apps/cyberstorm-nextjs/app/teams/layout.tsx

@@ -5,7 +5,7 @@ import React, { ReactNode, Suspense, useState } from "react";
 
 import styles from "./TeamsLayout.module.css";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faPlus } from "@fortawesome/pro-solid-svg-icons";
+import { faPlus } from "@fortawesome/free-solid-svg-icons";
 import { CreateTeamForm } from "@thunderstore/cyberstorm-forms";
 import {
   BreadCrumbs,

apps/cyberstorm-remix/app/c/community.tsx

@@ -18,8 +18,8 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
   faBoxOpen,
   faDownload,
-  faArrowUpRight,
-} from "@fortawesome/pro-regular-svg-icons";
+  faArrowUpRightFromSquare,
+} from "@fortawesome/free-solid-svg-icons";
 import { faDiscord } from "@fortawesome/free-brands-svg-icons";
 import { ApiError } from "@thunderstore/thunderstore-api";
 
@@ -204,7 +204,7 @@ export default function Community() {
                         Join our community
                       </Button.ButtonLabel>
                       <Button.ButtonIcon>
-                        <FontAwesomeIcon icon={faArrowUpRight} />
+                        <FontAwesomeIcon icon={faArrowUpRightFromSquare} />
                       </Button.ButtonIcon>
                     </Button.Root>
                   </a>

apps/cyberstorm-remix/app/commonComponents/PackageSearch/PackageOrder.tsx

@@ -3,7 +3,7 @@ import {
   faDownload,
   faThumbsUp,
 } from "@fortawesome/free-solid-svg-icons";
-import { faSparkles } from "@fortawesome/pro-solid-svg-icons";
+import { faSparkles } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Dispatch, SetStateAction } from "react";
 

apps/cyberstorm-remix/app/commonComponents/PackageSearch/PackageSearch.tsx

@@ -1,5 +1,5 @@
 import { faSearch } from "@fortawesome/free-solid-svg-icons";
-import { faXmarkLarge, faSlidersUp } from "@fortawesome/pro-regular-svg-icons";
+import { faXmarkLarge, faSlidersUp } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
   PackageCategory,

apps/cyberstorm-remix/app/communities/communities.tsx

@@ -19,7 +19,7 @@ import {
   faArrowDownAZ,
   faStar,
 } from "@fortawesome/free-solid-svg-icons";
-import { faGhost, faFire } from "@fortawesome/pro-solid-svg-icons";
+import { faGhost, faFire } from "@fortawesome/free-solid-svg-icons";
 import { useDebounce } from "use-debounce";
 import {
   useLoaderData,

apps/cyberstorm-remix/app/namespace/namespace.tsx

@@ -18,8 +18,8 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
   faBoxOpen,
   faDownload,
-  faArrowUpRight,
-} from "@fortawesome/pro-regular-svg-icons";
+  faArrowUpRightFromSquare,
+} from "@fortawesome/free-solid-svg-icons";
 import { faDiscord } from "@fortawesome/free-brands-svg-icons";
 import { ApiError } from "@thunderstore/thunderstore-api";
 
@@ -172,7 +172,7 @@ export default function Community() {
                         Join our community
                       </Button.ButtonLabel>
                       <Button.ButtonIcon>
-                        <FontAwesomeIcon icon={faArrowUpRight} />
+                        <FontAwesomeIcon icon={faArrowUpRightFromSquare} />
                       </Button.ButtonIcon>
                     </Button.Root>
                   </a>

apps/cyberstorm-remix/app/p/components/Dependencies/Dependencies.tsx

@@ -4,8 +4,8 @@ import {
   ImageWithFallback,
   CyberstormLink,
 } from "@thunderstore/cyberstorm";
-import { faBoxOpen } from "@fortawesome/pro-regular-svg-icons";
-import { faCaretRight } from "@fortawesome/pro-solid-svg-icons";
+import { faBoxOpen } from "@fortawesome/free-solid-svg-icons";
+import { faCaretRight } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import styles from "./Dependencies.module.css";
 import { WrapperCard } from "@thunderstore/cyberstorm/src/components/WrapperCard/WrapperCard";

apps/cyberstorm-remix/app/p/components/TagList/TagList.tsx

@@ -5,13 +5,12 @@ import { PackageListingDetails } from "@thunderstore/dapper/types";
 import { ReactNode } from "react";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faTag } from "@fortawesome/pro-regular-svg-icons";
 import {
   faThumbtack,
   faWarning,
-  faLips,
-  faSparkles,
-} from "@fortawesome/pro-solid-svg-icons";
+  faBomb,
+  faTag,
+} from "@fortawesome/free-solid-svg-icons";
 
 export default function TagList(props: { listing: PackageListingDetails }) {
   return (
@@ -70,7 +69,7 @@ function getPackageFlags(packageData: PackageListingDetails) {
         label="NSFW"
         colorScheme="pink"
         size="mediumPlus"
-        leftIcon={<FontAwesomeIcon icon={faLips} />}
+        leftIcon={<FontAwesomeIcon icon={faBomb} />}
       />
     );
   }
@@ -81,7 +80,7 @@ function getPackageFlags(packageData: PackageListingDetails) {
         label="New"
         colorScheme="green"
         size="mediumPlus"
-        leftIcon={<FontAwesomeIcon icon={faSparkles} />}
+        leftIcon={<FontAwesomeIcon icon={faBomb} />}
       />
     );
   }