contentbox optional border color

Author: Alessandro100

src/app/components/ContentBox.tsx

@@ -5,7 +5,7 @@ export interface ContentBoxProps {
   title: string;
   subtitle?: React.ReactNode;
   width?: Record<string, string>;
-  outlineColor: string;
+  outlineColor?: string;
   padding?: Partial<SxProps>;
   margin?: string | number;
   sx?: SxProps;
@@ -22,7 +22,10 @@ export const ContentBox = (
         backgroundColor: 'background.default',
         color: 'text.primary',
         borderRadius: '6px',
-        border: `2px solid ${props.outlineColor}`,
+        border:
+          props.outlineColor != null
+            ? `2px solid ${props.outlineColor}`
+            : 'none',
         p: props.padding ?? 5,
         m: props.margin ?? 0,
         fontSize: '18px',

src/app/screens/Feed/FeedView.tsx

@@ -432,10 +432,11 @@ export default async function FeedView({
               for debugging and managing feed data
             </>
           }
-          outlineColor='background.paper'
           sx={{ mt: 4, backgroundColor: 'background.paper' }}
         >
-          <RevalidateCacheButton feedId={feed.id ?? ''} />
+          {feed?.id != null && feed?.id !== '' && (
+            <RevalidateCacheButton feedId={feed.id} />
+          )}
         </ContentBox>
       )}
     </Container>