Fixing embedded feed for new users (#393)

Co-authored-by: sktbrd <[email protected]>
Nounspace · Sep 1, 2024 · 78b130b · 78b130b
1 parent ad76c97
commit 78b130b
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 27 deletions.
diff --git a/src/common/components/molecules/LinksInput.tsx b/src/common/components/molecules/LinksInput.tsx
@@ -94,12 +94,12 @@ const LinksInput = forwardRef<HTMLInputElement, LinksInputProps>(
       const newLink = {
         text: "New Link",
         url: "https://",
-        avatar: "/images/chainEmoji.png",
+        avatar: "https://www.nounspace.com/images/chainEmoji.png",
         description: "Description",
       };
 
       onChange?.([...value, newLink]);
-      setVisibleFields([...visibleFields, true]); // Automatically expand new link
+      setVisibleFields([...visibleFields, true]);
     };
 
     const removeLink = (index: number) => {
@@ -133,8 +133,9 @@ const LinksInput = forwardRef<HTMLInputElement, LinksInputProps>(
                 value={link.url}
                 onChange={(e: any) => {
                   handleLinkChange(index, { ...link, url: e.target.value });
-                  showAdditionalFields(index); // Show fields when URL is updated
+                  showAdditionalFields(index);
                 }}
+                onFocus={() => showAdditionalFields(index)}
               />
               <TextFieldSlot>
                 <p

diff --git a/src/fidgets/farcaster/Feed.tsx b/src/fidgets/farcaster/Feed.tsx
@@ -93,7 +93,7 @@ const feedProperties: FidgetProperties<FeedFidgetSettings> = {
       displayName: "Select App",
       inputSelector: PlatformSelector,
       required: false,
-      default: { name: "farcaster", icon: "/images/farcaster.jpeg" },
+      default: { name: "Farcaster", icon: "/images/farcaster.jpeg" },
     },
     {
       fieldName: "feedType",
@@ -109,7 +109,7 @@ const feedProperties: FidgetProperties<FeedFidgetSettings> = {
       displayName: "Username",
       inputSelector: TextInput,
       required: false,
-      disabledIf: (settings) => settings.selectPlatform.name === "Farcaster",
+      disabledIf: (settings) => settings.selectPlatform.name === "farcaster",
       default: "thenounspace",
     },
     {
@@ -206,7 +206,7 @@ export const FEED_TYPES = [
 
 const Feed: React.FC<FidgetArgs<FeedFidgetSettings>> = ({ settings }) => {
   const {
-    selectPlatform = { name: "farcaster", icon: "/images/farcaster.jpeg" },
+    selectPlatform = { name: "Farcaster", icon: "/images/farcaster.jpeg" },
     Xhandle,
     style,
   } = settings;

diff --git a/src/fidgets/ui/Links.tsx b/src/fidgets/ui/Links.tsx
@@ -4,7 +4,6 @@ import CSSInput from "@/common/components/molecules/CSSInput";
 import ColorSelector from "@/common/components/molecules/ColorSelector";
 import FontSelector from "@/common/components/molecules/FontSelector";
 import { FidgetArgs, FidgetProperties, FidgetModule } from "@/common/fidgets";
-import { defaultStyleFields } from "../helpers";
 import { FidgetSettingsStyle } from "@/common/fidgets";
 import {
   CardHeader,
@@ -37,6 +36,8 @@ export type LinkFidgetSettings = {
   itemBackground: string;
   viewMode: ViewMode;
   description?: string;
+  DescriptionColor: string;
+  HeaderColor: string;
 } & FidgetSettingsStyle;
 
 export const linkConfig: FidgetProperties = {
@@ -56,7 +57,7 @@ export const linkConfig: FidgetProperties = {
         {
           text: "Nouns",
           url: "https://nouns.wtf",
-          avatar: "/images/nouns.svg",
+          avatar: "https://nouns.wtf/static/media/noggles.7644bfd0.svg",
           description: "Funds ideas",
         },
       ],
@@ -66,7 +67,7 @@ export const linkConfig: FidgetProperties = {
     },
     {
       fieldName: "viewMode",
-      default: "grid",
+      default: "list",
       required: false,
       inputSelector: SwitchButton,
       group: "style",
@@ -79,7 +80,14 @@ export const linkConfig: FidgetProperties = {
       group: "style",
     },
     {
-      fieldName: "fontColor",
+      fieldName: "HeaderColor",
+      default: "black",
+      required: false,
+      inputSelector: ColorSelector,
+      group: "style",
+    },
+    {
+      fieldName: "DescriptionColor",
       default: "black",
       required: false,
       inputSelector: ColorSelector,
@@ -129,9 +137,9 @@ export const linkConfig: FidgetProperties = {
     },
   ],
   size: {
-    minHeight: 1,
+    minHeight: 2,
     maxHeight: 36,
-    minWidth: 4,
+    minWidth: 2,
     maxWidth: 36,
   },
 };
@@ -141,12 +149,7 @@ export const Links: React.FC<FidgetArgs<LinkFidgetSettings>> = ({
 }) => {
   const links = Array.isArray(settings.links) ? settings.links : [];
   const isGridView = settings.viewMode === "grid";
-  useEffect(() => {
-    console.log("Links fidget settings:", settings.links);
-  }, [settings.links]);
-  useEffect(() => {
-    console.log("Links fidget settings:", settings.links);
-  }, [settings.links]);
+
   return (
     <div
       style={{
@@ -159,6 +162,7 @@ export const Links: React.FC<FidgetArgs<LinkFidgetSettings>> = ({
         overflow: "auto",
         scrollbarWidth: "none",
         padding: "0.5rem",
+        borderRadius: "1rem",
       }}
     >
       {settings?.title && (
@@ -167,7 +171,7 @@ export const Links: React.FC<FidgetArgs<LinkFidgetSettings>> = ({
             className="text-2xl font-bold"
             style={{
               fontFamily: settings.headingsFontFamily,
-              color: settings.fontColor,
+              color: settings.HeaderColor,
             }}
           >
             {settings.title}
@@ -229,12 +233,12 @@ export const Links: React.FC<FidgetArgs<LinkFidgetSettings>> = ({
                     className="items-start text-base font-normal text-black dark:text-white flex-grow"
                     style={{
                       fontFamily: settings.fontFamily,
-                      color: settings.fontColor,
+                      color: settings.HeaderColor,
                       textAlign: "left",
                       wordWrap: "break-word",
                       overflow: "hidden",
                       textOverflow: "ellipsis",
-                      maxHeight: "3rem", // Adjust this value to limit the height of the text
+                      maxHeight: "3rem",
                       display: "-webkit-box",
                       WebkitLineClamp: 2,
                       WebkitBoxOrient: "vertical",
@@ -248,11 +252,12 @@ export const Links: React.FC<FidgetArgs<LinkFidgetSettings>> = ({
                   </CardDescription>
                   {link.description && (
                     <p
-                      className="text-sm font-normal text-gray-500 dark:text-gray-400"
+                      className="text-sm font-normal"
                       style={{
                         wordWrap: "break-word",
                         overflow: "hidden",
                         textOverflow: "ellipsis",
+                        color: settings.DescriptionColor,
                       }}
                     >
                       {link.description}

diff --git a/src/pages/homebase/index.tsx b/src/pages/homebase/index.tsx
@@ -65,10 +65,10 @@ const Homebase: NextPageWithLayout = () => {
     args.feed = (
       <FeedModule.fidget
         settings={{
-          feedType: FeedType.Filter,
-          users: String(currentFid),
+          feedType: FeedType.Following,
+          users: "",
           filterType: FilterType.Users,
-          selectPlatform: { name: "farcaster", icon: "/images/farcaster.jpeg" },
+          selectPlatform: { name: "Farcaster", icon: "/images/farcaster.jpeg" },
           Xhandle: "",
           style: "",
         }}

diff --git a/supabase/migrations/20240821215436_spaceOrderings.sql b/supabase/migrations/20240821215436_spaceOrderings.sql
@@ -10,8 +10,6 @@ create table "public"."spaceOrderings" (
 
 alter table "public"."spaceOrderings" enable row level security;
 
-alter table "public"."spaceRegistrations" drop column "isDefault";
-
 CREATE INDEX "fidRegistrations_fid_idx" ON public."fidRegistrations" USING btree (fid);
 
 CREATE UNIQUE INDEX "spaceOrderings_pkey" ON public."spaceOrderings" USING btree (id);