diff --git a/README.md b/README.md
index 8d099181..cb670f21 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,8 @@
@@ -20,11 +20,11 @@ A user-friendly Nostr client focused on relay feed browsing and relay discovery
## Screenshots
-
+
## Run Locally
diff --git a/readme-resources/logo-dark.svg b/resources/logo-dark.svg
similarity index 100%
rename from readme-resources/logo-dark.svg
rename to resources/logo-dark.svg
diff --git a/readme-resources/logo-light.svg b/resources/logo-light.svg
similarity index 100%
rename from readme-resources/logo-light.svg
rename to resources/logo-light.svg
diff --git a/resources/logo.svg b/resources/logo.svg
deleted file mode 100644
index f1e3c92b..00000000
--- a/resources/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/resources/small-logo.svg b/resources/small-logo.svg
deleted file mode 100644
index f86d38f6..00000000
--- a/resources/small-logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/readme-resources/01.png b/screenshots/01.png
similarity index 100%
rename from readme-resources/01.png
rename to screenshots/01.png
diff --git a/readme-resources/02.png b/screenshots/02.png
similarity index 100%
rename from readme-resources/02.png
rename to screenshots/02.png
diff --git a/readme-resources/03.png b/screenshots/03.png
similarity index 100%
rename from readme-resources/03.png
rename to screenshots/03.png
diff --git a/readme-resources/04.png b/screenshots/04.png
similarity index 100%
rename from readme-resources/04.png
rename to screenshots/04.png
diff --git a/src/assets/Icon.tsx b/src/assets/Icon.tsx
new file mode 100644
index 00000000..0fdb8d65
--- /dev/null
+++ b/src/assets/Icon.tsx
@@ -0,0 +1,24 @@
+export default function Icon({ className }: { className?: string }) {
+ return (
+
+ )
+}
diff --git a/src/assets/Logo.tsx b/src/assets/Logo.tsx
new file mode 100644
index 00000000..0887fafc
--- /dev/null
+++ b/src/assets/Logo.tsx
@@ -0,0 +1,24 @@
+export default function Logo({ className }: { className?: string }) {
+ return (
+
+ )
+}
diff --git a/src/components/Sidebar/index.tsx b/src/components/Sidebar/index.tsx
index e53695e6..afc44b23 100644
--- a/src/components/Sidebar/index.tsx
+++ b/src/components/Sidebar/index.tsx
@@ -1,10 +1,10 @@
-import LogoUrl from '../../../resources/logo.svg'
-import SmallLogoUrl from '../../../resources/small-logo.svg'
+import Icon from '@/assets/Icon'
+import Logo from '@/assets/Logo'
import AccountButton from './AccountButton'
-import RelaysButton from './ExploreButton'
import HomeButton from './HomeButton'
import NotificationsButton from './NotificationButton'
import PostButton from './PostButton'
+import RelaysButton from './ExploreButton'
import SearchButton from './SearchButton'
import SettingsButton from './SettingsButton'
@@ -13,8 +13,8 @@ export default function PrimaryPageSidebar() {
-

-

+
+