Use direct icon imports for faster compilation

PurelyAnecdotal · Dec 27, 2024 · 80d6d04 · 80d6d04
1 parent ac4cf00
commit 80d6d04
Show file tree

Hide file tree

Showing 10 changed files with 38 additions and 49 deletions.
diff --git a/src/routes/(authed)/AppSidebar.svelte b/src/routes/(authed)/AppSidebar.svelte
@@ -12,19 +12,17 @@
 		SidebarItem,
 		SidebarWrapper
 	} from 'flowbite-svelte';
-	import {
-		AddressBookOutline,
-		AnnotationOutline,
-		ArrowRightToBracketOutline,
-		BellOutline,
-		ChevronDownOutline,
-		ChevronUpOutline,
-		DownloadOutline,
-		FolderOpenOutline,
-		MailBoxOutline,
-		MapPinAltOutline,
-		UserCircleOutline
-	} from 'flowbite-svelte-icons';
+	import AddressBookOutline from 'flowbite-svelte-icons/AddressBookOutline.svelte';
+	import AnnotationOutline from 'flowbite-svelte-icons/AnnotationOutline.svelte';
+	import ArrowRightToBracketOutline from 'flowbite-svelte-icons/ArrowRightToBracketOutline.svelte';
+	import BellOutline from 'flowbite-svelte-icons/BellOutline.svelte';
+	import ChevronDownOutline from 'flowbite-svelte-icons/ChevronDownOutline.svelte';
+	import ChevronUpOutline from 'flowbite-svelte-icons/ChevronUpOutline.svelte';
+	import DownloadOutline from 'flowbite-svelte-icons/DownloadOutline.svelte';
+	import FolderOpenOutline from 'flowbite-svelte-icons/FolderOpenOutline.svelte';
+	import MailBoxOutline from 'flowbite-svelte-icons/MailBoxOutline.svelte';
+	import MapPinAltOutline from 'flowbite-svelte-icons/MapPinAltOutline.svelte';
+	import UserCircleOutline from 'flowbite-svelte-icons/UserCircleOutline.svelte';
 	import { installPrompt } from '../../hooks.client';
 
 	function logOut() {

diff --git a/src/routes/(authed)/feedback/+page.svelte b/src/routes/(authed)/feedback/+page.svelte
@@ -1,6 +1,6 @@
 <script>
 	import { Card } from 'flowbite-svelte';
-	import { GithubSolid } from 'flowbite-svelte-icons';
+	import GithubSolid from 'flowbite-svelte-icons/GithubSolid.svelte';
 </script>
 
 <svelte:head>

diff --git a/src/routes/(authed)/grades/+page.svelte b/src/routes/(authed)/grades/+page.svelte
@@ -2,12 +2,10 @@
 	import { getColorForGrade, removeClassID } from '$lib';
 	import { gradebook } from '$lib/stores';
 	import { Alert, Button, Card, Dropdown, DropdownItem, Progressbar } from 'flowbite-svelte';
-	import {
-		ChevronDownOutline,
-		ChevronUpOutline,
-		CloseCircleOutline,
-		MapPinAltOutline
-	} from 'flowbite-svelte-icons';
+	import ChevronDownOutline from 'flowbite-svelte-icons/ChevronDownOutline.svelte';
+	import ChevronUpOutline from 'flowbite-svelte-icons/ChevronUpOutline.svelte';
+	import CloseCircleOutline from 'flowbite-svelte-icons/CloseCircleOutline.svelte';
+	import MapPinAltOutline from 'flowbite-svelte-icons/MapPinAltOutline.svelte';
 	import { changeReportPeriod, periodOverrideState, type Period } from './reportingPeriods.svelte';
 
 	let dropdownOpen = $state(false);

diff --git a/src/routes/(authed)/grades/[index]/+page.svelte b/src/routes/(authed)/grades/[index]/+page.svelte
@@ -36,14 +36,12 @@
 		TableHeadCell,
 		Tabs
 	} from 'flowbite-svelte';
-	import {
-		ChevronDownOutline,
-		ChevronUpOutline,
-		CloseCircleOutline,
-		ExclamationCircleSolid,
-		GridPlusOutline,
-		InfoCircleOutline
-	} from 'flowbite-svelte-icons';
+	import ChevronDownOutline from 'flowbite-svelte-icons/ChevronDownOutline.svelte';
+	import ChevronUpOutline from 'flowbite-svelte-icons/ChevronUpOutline.svelte';
+	import CloseCircleOutline from 'flowbite-svelte-icons/CloseCircleOutline.svelte';
+	import ExclamationCircleSolid from 'flowbite-svelte-icons/ExclamationCircleSolid.svelte';
+	import GridPlusOutline from 'flowbite-svelte-icons/GridPlusOutline.svelte';
+	import InfoCircleOutline from 'flowbite-svelte-icons/InfoCircleOutline.svelte';
 	import { untrack } from 'svelte';
 	import { fade } from 'svelte/transition';
 	import AssignmentCard from './AssignmentCard.svelte';

diff --git a/src/routes/(authed)/grades/[index]/AssignmentCard.svelte b/src/routes/(authed)/grades/[index]/AssignmentCard.svelte
@@ -14,7 +14,8 @@
 		Popover,
 		Progressbar
 	} from 'flowbite-svelte';
-	import { ChevronDownOutline, InfoCircleOutline } from 'flowbite-svelte-icons';
+	import ChevronDownOutline from 'flowbite-svelte-icons/ChevronDownOutline.svelte';
+	import InfoCircleOutline from 'flowbite-svelte-icons/InfoCircleOutline.svelte';
 
 	interface Props {
 		name: string;

diff --git a/src/routes/(authed)/mail/MessageCard.svelte b/src/routes/(authed)/mail/MessageCard.svelte
@@ -2,7 +2,7 @@
 	import DateBadge from '$lib/components/DateBadge.svelte';
 	import type { InboxItemListingsMessageXML } from '$lib/types/MailData';
 	import { Badge, Card } from 'flowbite-svelte';
-	import { UserOutline } from 'flowbite-svelte-icons';
+	import UserOutline from 'flowbite-svelte-icons/UserOutline.svelte';
 
 	interface Props {
 		message: InboxItemListingsMessageXML;

diff --git a/src/routes/(authed)/mail/MessageView.svelte b/src/routes/(authed)/mail/MessageView.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
 	import type { InboxItemListingsMessageXML } from '$lib/types/MailData';
 	import { Badge, Card } from 'flowbite-svelte';
-	import {
-		ChevronDownOutline,
-		ChevronRightOutline,
-		LinkOutline,
-		PaperClipOutline
-	} from 'flowbite-svelte-icons';
+	import ChevronDownOutline from 'flowbite-svelte-icons/ChevronDownOutline.svelte';
+	import ChevronRightOutline from 'flowbite-svelte-icons/ChevronRightOutline.svelte';
+	import LinkOutline from 'flowbite-svelte-icons/LinkOutline.svelte';
+	import PaperClipOutline from 'flowbite-svelte-icons/PaperClipOutline.svelte';
 
 	interface Props {
 		touchscreen?: boolean;

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -4,13 +4,11 @@
 	import { studentAccount } from '$lib/stores';
 	import { StudentAccount } from '$lib/synergy';
 	import { Button, Card } from 'flowbite-svelte';
-	import {
-		ChartOutline,
-		ClockOutline,
-		EyeSlashOutline,
-		GithubSolid,
-		GridPlusOutline
-	} from 'flowbite-svelte-icons';
+	import ChartOutline from 'flowbite-svelte-icons/ChartOutline.svelte';
+	import ClockOutline from 'flowbite-svelte-icons/ClockOutline.svelte';
+	import EyeSlashOutline from 'flowbite-svelte-icons/EyeSlashOutline.svelte';
+	import GithubSolid from 'flowbite-svelte-icons/GithubSolid.svelte';
+	import GridPlusOutline from 'flowbite-svelte-icons/GridPlusOutline.svelte';
 
 	if (browser && localStorage.getItem('token')) {
 		if (!$studentAccount) {

diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
@@ -14,11 +14,9 @@
 		Input,
 		Label
 	} from 'flowbite-svelte';
-	import {
-		ExclamationCircleSolid,
-		EyeSlashOutline,
-		InfoCircleOutline
-	} from 'flowbite-svelte-icons';
+	import ExclamationCircleSolid from 'flowbite-svelte-icons/ExclamationCircleSolid.svelte';
+	import EyeSlashOutline from 'flowbite-svelte-icons/EyeSlashOutline.svelte';
+	import InfoCircleOutline from 'flowbite-svelte-icons/InfoCircleOutline.svelte';
 	import { fly } from 'svelte/transition';
 
 	if (browser && localStorage.getItem('token')) {

diff --git a/src/routes/signup/google/+page.svelte b/src/routes/signup/google/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Alert, Button } from 'flowbite-svelte';
-	import { InfoCircleOutline } from 'flowbite-svelte-icons';
+	import InfoCircleOutline from 'flowbite-svelte-icons/InfoCircleOutline.svelte';
 </script>
 
 <p>