Add Invalid Ticker content

Author: paty-oliveira

src/ui/layout.py

@@ -1,14 +1,14 @@
 import streamlit as st
 
-from .raw_content import homepage_content, footer_content
+from .raw_content import homepage_content, footer_content, not_found_ticker_content
 
 
 def render(financial_data):
     ticker = st.session_state["ticker"]
     if not ticker:
         render_homepage()
     elif not financial_data.is_valid_ticker(ticker):
-        st.write("Invalid ticker")
+        render_invalid_ticker_placeholder()
     else:
         render_stock_info(financial_data)
         render_footer()
@@ -18,6 +18,10 @@ def render_homepage():
     st.markdown(homepage_content, unsafe_allow_html=True)
 
 
+def render_invalid_ticker_placeholder():
+    st.markdown(not_found_ticker_content, unsafe_allow_html=True)
+
+
 def render_footer():
     st.markdown(footer_content, unsafe_allow_html=True)
 

src/ui/raw_content.py

@@ -52,3 +52,20 @@
    </div>
 </div>
 """
+
+not_found_ticker_content = """
+## Oops! Invalid Ticker Entered 🚫
+
+It looks like the stock ticker you entered doesn't match any results. Here are a few things you can try:
+
+- **Double-check the Ticker**: Make sure you've entered the correct ticker symbol. Tickers are usually 1 to 4 uppercase letters (e.g., AAPL for Apple, TSLA for Tesla).
+- **Search for Another Stock**: Enter a different ticker symbol to explore other stocks.
+- **Popular Tickers to Explore**:
+  - **AAPL**: Apple Inc.
+  - **GOOGL**: Alphabet Inc.
+  - **MSFT**: Microsoft Corporation
+  - **AMZN**: Amazon.com, Inc.
+  - **TSLA**: Tesla, Inc.
+
+Happy investing! 🎉
+"""