resizable widget

src/shared/widgets/global/articles.tsx

@@ -7,6 +7,7 @@ import { useNDK } from '@libs/ndk/provider';
 
 import { ArticleNote, NoteSkeleton, NoteWrapper } from '@shared/notes';
 import { TitleBar } from '@shared/titleBar';
+import { WidgetWrapper } from '@shared/widgets';
 
 import { Widget } from '@utils/types';
 
@@ -51,7 +52,7 @@ export function GlobalArticlesWidget({ params }: { params: Widget }) {
   );
 
   return (
-    <div className="relative shrink-0 grow-0 basis-[400px] bg-white/10 backdrop-blur-xl">
+    <WidgetWrapper>
       <TitleBar id={params.id} title={params.title} />
       <div ref={parentRef} className="scrollbar-hide h-full overflow-y-auto pb-20">
         {status === 'loading' ? (
@@ -89,6 +90,6 @@ export function GlobalArticlesWidget({ params }: { params: Widget }) {
           </div>
         )}
       </div>
-    </div>
+    </WidgetWrapper>
   );
 }

src/shared/widgets/global/files.tsx

@@ -7,6 +7,7 @@ import { useNDK } from '@libs/ndk/provider';
 
 import { FileNote, NoteSkeleton, NoteWrapper } from '@shared/notes';
 import { TitleBar } from '@shared/titleBar';
+import { WidgetWrapper } from '@shared/widgets';
 
 import { Widget } from '@utils/types';
 
@@ -52,7 +53,7 @@ export function GlobalFilesWidget({ params }: { params: Widget }) {
   );
 
   return (
-    <div className="relative shrink-0 grow-0 basis-[400px] bg-white/10 backdrop-blur-xl">
+    <WidgetWrapper>
       <TitleBar id={params.id} title={params.title} />
       <div ref={parentRef} className="scrollbar-hide h-full overflow-y-auto pb-20">
         {status === 'loading' ? (
@@ -90,6 +91,6 @@ export function GlobalFilesWidget({ params }: { params: Widget }) {
           </div>
         )}
       </div>
-    </div>
+    </WidgetWrapper>
   );
 }

src/shared/widgets/global/hashtag.tsx

@@ -15,6 +15,7 @@ import {
   UnknownNote,
 } from '@shared/notes';
 import { TitleBar } from '@shared/titleBar';
+import { WidgetWrapper } from '@shared/widgets';
 
 import { nHoursAgo } from '@utils/date';
 import { Widget } from '@utils/types';
@@ -114,7 +115,7 @@ export function GlobalHashtagWidget({ params }: { params: Widget }) {
   );
 
   return (
-    <div className="relative shrink-0 grow-0 basis-[400px] bg-white/10 backdrop-blur-xl">
+    <WidgetWrapper>
       <TitleBar id={params.id} title={params.title + ' in 24 hours ago'} />
       <div ref={parentRef} className="scrollbar-hide h-full overflow-y-auto pb-20">
         {status === 'loading' ? (
@@ -152,6 +153,6 @@ export function GlobalHashtagWidget({ params }: { params: Widget }) {
           </div>
         )}
       </div>
-    </div>
+    </WidgetWrapper>
   );
 }