updated note connector

src/components/navigatorBar/index.tsx

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import ActiveLink from '@components/activeLink';
-import { NoteConnector } from '@components/connectors/note';
 import CreatePost from '@components/navigatorBar/createPost';
 import { ProfileMenu } from '@components/navigatorBar/profileMenu';
 
@@ -15,9 +14,6 @@ export default function NavigatorBar() {
     <div className="flex h-full flex-col flex-wrap justify-between overflow-hidden px-2 pt-3 pb-4">
       {/* main */}
       <div className="flex flex-col gap-4">
-        <div>
-          <NoteConnector />
-        </div>
         {/* Create post */}
         <div className="flex flex-col rounded-lg bg-zinc-900 ring-1 ring-white/10">
           <div className="flex flex-col p-2">

src/components/note/connector.tsx

@@ -47,8 +47,19 @@ export const NoteConnector = memo(function NoteConnector() {
   );
 
   return (
-    <div>
-      <p>Note</p>
+    <div className="flex h-12 items-center justify-between border-b border-zinc-800 px-6 shadow-input">
+      <div>
+        <h3 className="text-sm font-semibold text-zinc-500"># following</h3>
+      </div>
+      <div>
+        <div className="inline-flex items-center gap-2">
+          <span className="relative flex h-3 w-3">
+            <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75"></span>
+            <span className="relative inline-flex h-3 w-3 rounded-full bg-green-500"></span>
+          </span>
+          <p className="text-sm font-medium text-zinc-500">Online</p>
+        </div>
+      </div>
     </div>
   );
 });