fix: switching between users spaces is more obvious now (#224)

Nounspace · Jul 4, 2024 · cb88e8b · cb88e8b
1 parent e35378d
commit cb88e8b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/src/common/components/pages/SpacePage.tsx b/src/common/components/pages/SpacePage.tsx
@@ -10,6 +10,7 @@ type SpacePageArgs = {
   commitConfig?: () => Promise<void>;
   resetConfig?: () => Promise<void>;
   profile?: ReactNode;
+  loading?: boolean;
 };
 
 export default function SpacePage({
@@ -18,6 +19,7 @@ export default function SpacePage({
   commitConfig,
   resetConfig,
   profile,
+  loading,
 }: SpacePageArgs) {
   const [editMode, setEditMode] = useState(false);
   const [sidebarEditable, setSidebarEditable] = useState(false);
@@ -44,7 +46,8 @@ export default function SpacePage({
       {isUndefined(config) ||
       isUndefined(saveConfig) ||
       isUndefined(commitConfig) ||
-      isUndefined(resetConfig) ? (
+      isUndefined(resetConfig) ||
+      loading ? (
         <SpaceLoading />
       ) : (
         <Space

diff --git a/src/common/components/pages/UserDefinedSpace.tsx b/src/common/components/pages/UserDefinedSpace.tsx
@@ -180,6 +180,7 @@ export default function UserDefinedSpace({
       commitConfig={commitConfig}
       resetConfig={resetConfig}
       profile={profile}
+      loading={loading}
     />
   );
 }
diff --git a/src/fidgets/farcaster/Feed.tsx b/src/fidgets/farcaster/Feed.tsx
@@ -97,9 +97,8 @@ export const FEED_TYPES = [
   { name: "Filter", value: FeedType.Filter },
 ];
 
-const Feed: React.FC<FidgetArgs<FeedFidgetSettings>> = ({
-  settings: { feedType, users, channel, filterType },
-}) => {
+const Feed: React.FC<FidgetArgs<FeedFidgetSettings>> = ({ settings }) => {
+  const { feedType, users, channel, filterType } = settings;
   const { fid } = useFarcasterSigner("feed");
   const {
     data,
@@ -126,6 +125,10 @@ const Feed: React.FC<FidgetArgs<FeedFidgetSettings>> = ({
     }
   }, [inView]);
 
+  useEffect(() => {
+    setShowCastThreadView(false);
+  }, [settings]);
+
   const onSelectCast = (hash: string) => {
     setSelectedCastHash(hash);
     setShowCastThreadView(true);