message if user isn't part of a server

Author: multimokia

components/home/DefaultSplash.tsx

@@ -1,11 +1,17 @@
-//TODO: REMOVE THIS FILE, JUST FOR TESTING
-
 import { FrostcordSnowflake } from '@/components/icons/FrostcordSnowflake';
+import { useServers } from '@/lib/store';
 
 export default function DefaultSplash() {
+  const servers = useServers();
   return (
-    <div className="w-full h-full flex items-center">
+    <div className="w-full h-full flex flex-col items-center">
       <FrostcordSnowflake className='fill-slate-600 w-full h-full' fillColor='#8a94a633'/>
+      {servers.length === 0 && (
+        <div className='w-full text-center text-gray-400 mb-8 italic animate-pulse'>
+          <h1 className="text-xl">{'Looks like you\'re not a part of any servers...'}</h1>
+          <h2 className="text-xl">{'Why not create or join one?'}</h2>
+        </div>
+      )}
     </div>
   );
 }