fixed ThemeSwitch export

Author: marcus-wishes

library/src/components/themeswitch/index.ts

@@ -1,2 +1,2 @@
 import ThemeSwitch from "./ThemeSwitch"
-export default ThemeSwitch
+export { ThemeSwitch }

package-lock.json

@@ -1,57 +1,82 @@
-import React from "react";
+import React from "react"
 import { TopNavigation } from "@atlaskit/page-layout"
-import { AtlassianNavigation, CustomProductHome, PrimaryButton, Profile } from "@atlaskit/atlassian-navigation"
+import {
+	AtlassianNavigation,
+	CustomProductHome,
+	PrimaryButton,
+	Profile,
+} from "@atlaskit/atlassian-navigation"
 import { useNavigate } from "react-router"
-import ThemeSwitch from "@linked-planet/ui-kit-ts/components/themeswitch"
-import { LocaleDropDown } from "@linked-planet/ui-kit-ts"
+import { LocaleDropDown, ThemeSwitch } from "@linked-planet/ui-kit-ts"
 export const ProfileIcon = () => {
 	return (
 		<img
 			src="./images/github-logo.png"
-			style={ {
+			style={{
 				borderRadius: "50%",
 				width: 32,
-				height: 32
-			}
-			}
+				height: 32,
+			}}
 		/>
 	)
 }
 
-function ShowcaseTopNavigation () {
+function ShowcaseTopNavigation() {
 	const navigation = useNavigate()
 
 	return (
 		<TopNavigation isFixed>
 			<AtlassianNavigation
 				label=""
-				primaryItems={
-					[
-						<PrimaryButton key={ 0 } onClick={ () => navigation( "/intro" ) }>
-							<span>Intro</span>
-						</PrimaryButton>,
-						<PrimaryButton key={ 1 } onClick={ () => navigation( "/wrappers" ) }>
-							<span>Wrappers</span>
-						</PrimaryButton>,
-						<PrimaryButton key={ 2 } onClick={ () => navigation( "/redux" ) }>
-							<span>Redux</span>
-						</PrimaryButton>,
-						<PrimaryButton key={ 3 } onClick={ () => navigation( "/query" ) }>
-							<span>React-Query</span>
-						</PrimaryButton>,
-						<div key={ 4 } style={ { display: "flex", justifyContent: "center", alignItems: "center" } }>
-							<LocaleDropDown />
-						</div>,
-					]
-				}
-				renderAppSwitcher={ () => <ThemeSwitch /> }
-				renderProductHome={ () => <CustomProductHome siteTitle="UI-Kit-TS" iconUrl="./images/logo.png" logoAlt=""
-					onClick={ () => navigation( "/utils" ) }
-					logoUrl="images/logo.png" iconAlt="" /> }
-				renderProfile={ () => <Profile tooltip="" href="https://github.com/linked-planet/ui-kit-ts" target="_blank" icon={ <ProfileIcon /> } /> }
+				primaryItems={[
+					<PrimaryButton key={0} onClick={() => navigation("/intro")}>
+						<span>Intro</span>
+					</PrimaryButton>,
+					<PrimaryButton
+						key={1}
+						onClick={() => navigation("/wrappers")}
+					>
+						<span>Wrappers</span>
+					</PrimaryButton>,
+					<PrimaryButton key={2} onClick={() => navigation("/redux")}>
+						<span>Redux</span>
+					</PrimaryButton>,
+					<PrimaryButton key={3} onClick={() => navigation("/query")}>
+						<span>React-Query</span>
+					</PrimaryButton>,
+					<div
+						key={4}
+						style={{
+							display: "flex",
+							justifyContent: "center",
+							alignItems: "center",
+						}}
+					>
+						<LocaleDropDown />
+					</div>,
+				]}
+				renderAppSwitcher={() => <ThemeSwitch />}
+				renderProductHome={() => (
+					<CustomProductHome
+						siteTitle="UI-Kit-TS"
+						iconUrl="./images/logo.png"
+						logoAlt=""
+						onClick={() => navigation("/utils")}
+						logoUrl="images/logo.png"
+						iconAlt=""
+					/>
+				)}
+				renderProfile={() => (
+					<Profile
+						tooltip=""
+						href="https://github.com/linked-planet/ui-kit-ts"
+						target="_blank"
+						icon={<ProfileIcon />}
+					/>
+				)}
 			/>
 		</TopNavigation>
 	)
 }
 
-export default ShowcaseTopNavigation;
+export default ShowcaseTopNavigation