fix: show hero image only, remove code fallback

Change ternary src check to simple truthy check so image
displays when set, otherwise shows nothing instead of code window.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kunthawat Greethong
2026-05-02 08:18:19 +07:00
parent a7ba7c81a1
commit 3207dc8c46

View File

@@ -38,30 +38,7 @@ const d = homepage.data;
</div> </div>
</div> </div>
<div class="hero-visual" {...homepage.edit.hero_image}> <div class="hero-visual" {...homepage.edit.hero_image}>
{d.hero_image?.src ? ( {d.hero_image && <Image image={d.hero_image} />}
<Image image={d.hero_image} />
) : (
<div class="code-window">
<div class="code-header">
<span class="dot red"></span>
<span class="dot yellow"></span>
<span class="dot green"></span>
<span class="code-title">astro.config.mjs</span>
</div>
<pre class="code-content"><code><span class="keyword">import</span> emdash <span class="keyword">from</span> <span class="string">"emdash/astro"</span>;
<span class="keyword">import</span> &#123; betterSqlite &#125; <span class="keyword">from</span> <span class="string">"emdash/db"</span>;
<span class="keyword">export default</span> defineConfig(&#123;
<span class="property">integrations</span>: [
emdash(&#123;
<span class="property">database</span>: betterSqlite(&#123;
<span class="property">databasePath</span>: <span class="string">"./data.db"</span>
&#125;),
&#125;),
],
&#125;);</code></pre>
</div>
)}
</div> </div>
</section> </section>