\n \n

{val.name}

\n \n \n View on Val Town\n \n

\n \n {val.httpEndpoint ? (\n \n ) : (\n

No endpoint available for this val

\n \n View code on Val Town\n \n

\n )}\n

\n );\n };\n\n if (directVal) {\n return getDirectValContent() || (\n

Loading val...

\n );\n }\n\n if (loading) {\n return (\n

\n );\n }\n\n if (error) {\n return (\n

Error

{error}

\n \n

\n );\n }\n\n if (!profileData || !allVals || allVals.length === 0) {\n return (\n

No vals found

We couldn't find any vals for user @{username}.

\n \n

\n );\n }\n\n // User profile image logic\n const profileImageUrl = !profileImageError \n ? `https://pic.val.run/${username}`\n : null;\n \n const profileColor = getProfileColor();\n\n // Choose the right background color based on dark/light mode\n const bgClass = isDarkMode ? 'bg-gray-900 text-white' : 'bg-white text-gray-900';\n const borderClass = isDarkMode ? 'border-gray-700' : 'border-gray-200';\n\n return (\n

{/* Increased max width for more columns */}\n {/* Profile Header - Mobile layout puts username and link next to profile image */}\n

\n {profileImageUrl ? (\n {`@${username}'s

setProfileImageError(true)}\n />\n ) : (\n \n {username.charAt(0).toUpperCase()}\n \n )}\n

\n \n

@{username}

\n \n

\n {profileData.totalValResults} {profileData.totalValResults === 1 ? 'val' : 'vals'}\n

\n \n \n View on Val Town\n \n

\n \n {/* Tabs Navigation */}\n \n \n {/* Tab Content */}\n \n \n {/* Loading indicator if fetching more pages */}\n {loadingMore && (\n

\n Loading more...\n

\n )}\n

\n \n {/* Moi Editor Modal */}\n {showEditor && editingVal && (\n {\n // Only close if not in the middle of saving\n if (!saving) {\n setShowEditor(false);\n setEditingVal(null);\n setContentToSave(null);\n }\n }}\n saving={saving}\n saveError={saveError}\n saveSuccess={saveSuccess}\n hasMoiFile={editingVal.hasMoiMd || false}\n loadingItem={loadingItem}\n itemError={itemError}\n username={username}\n apiToken={apiKey}\n disabled={saving} // Disable the editor during saving\n />\n )}\n

\n );\n}","deleted","label",[177,178,159],"frontend","components","permalink","https://www.val.town/x/dcm31/buildDotMoi/code/frontend/components/UserProfile.tsx","extension","actionData","errors"]