Update app.py

app.py

@@ -22,15 +22,13 @@ folders = {
 def read_csv_from_github(file_path):
     response = requests.get(f"{base_url}/{file_path}")
     if response.status_code == 200:
-        return pd.read_csv(response.text)
+        return pd.read_csv(response.text, encoding='utf-8')
     else:
         return None
 
 # Main Streamlit app
 def main():
     st.title("Hadith Viewer")
-    st.image("https://github.com/halimbahae/Hadith/blob/main/Hadith_Books.jpg", caption="Hadith Books", use_column_width=True)
-
     st.sidebar.title("Books")
     selected_folder = st.sidebar.selectbox("Select a Book", list(folders.values()))
 
@@ -38,12 +36,17 @@ def main():
     file_name = f"{selected_folder.lower()}_{'' if mufassala else 'not_'}mufassala.utf8.csv"
     csv_df = read_csv_from_github(f"{selected_folder}/{file_name}")
 
+    st.sidebar.subheader("Description")
+    st.sidebar.write("This is a viewer for the Hadith collections. You can select a book from the dropdown menu on the left, and choose whether you want to view the 'Mufassala' version or not.")
+
     if csv_df is not None:
-        st.sidebar.subheader("Description")
-        st.sidebar.write("This is a viewer for the Hadith collections. You can select a book from the dropdown menu on the left, and choose whether you want to view the 'Mufassala' version or not.")
         st.dataframe(csv_df)
     else:
         st.error("Error loading CSV file")
 
+    # Display image
+    image_url = "https://raw.githubusercontent.com/halimbahae/Hadith/main/Hadith_Books.jpg"
+    st.image(image_url, caption="Hadith Books", use_column_width=True)
+
 if __name__ == "__main__":
     main()