fixed runtime error when user doesn't define the group chat icon

added heroku config

Author: josnin

.gitignore

@@ -1,3 +1,4 @@
 *.py[cod]
 __pycache__/
 db.sqlite3
+env

Procfile

@@ -0,0 +1 @@
+web: gunicorn  django_channel_tutorial.wsgi

chat/static/chat/default_group.png

@@ -58,7 +58,11 @@
                 {% for grp in groups_participated %}
             <div class="room-sidebar-groups" onclick="redirect('{{grp.get_absolute_url}}')">
                         <div class="room-sidebar-groups-g-img">
-                            <img src="{{ grp.icon.url }}" alt="Default Profile">
+			    {% if grp.icon %}
+			      <img src="{{ grp.icon.url }}" >
+			    {% else %}
+                              <img src="{% static 'chat/default_group.png' %}" alt="Default Profile">
+			    {% endif %}
                         </div>
                         <div class="room-sidebar-groups-g-msg">
                             <span class="room-sidebar-groups-g-msg1">{{grp.name|title}}</span>
@@ -299,4 +303,4 @@
         loadMessage()
 
     </script>
-{% endblock content %}
+{% endblock content %}

chat/templates/chat/room.html

@@ -1,7 +1,14 @@
+{% load static %}
 <div class="room-container__msg">
         <!-- msg chat header -->
         <div class="msg-header mat-elevation-z6">
-            <div class="h-avatar"><img src="{{chatgroup.icon.url}}"></div>
+            <div class="h-avatar">
+		   {% if chatgroup.icon %}
+		    <img src="{{chatgroup.icon.url}}">
+		   {% else %}
+                    <img src="{% static 'chat/default_group.png' %}" alt="Default Profile">
+		   {% endif %}
+	    </div>
             <div class="h-users">
                 <div class="h-user-group">{{chatgroup.name|title}}</div>
                 <div class="h-user-member">{{participants}}</div>
@@ -32,4 +39,4 @@
         </div>
         <!--  msg input -->
 
-</div>
+</div>

chat/templates/chat/room_message.html

@@ -1,7 +1,14 @@
+{% load static %}
 <div class="room-container__preview-img" >
         <!-- msg chat header -->
         <div class="msg-header mat-elevation-z6">
-            <div class="h-avatar"><img src="{{chatgroup.icon.url}}"></div>
+            <div class="h-avatar">
+		   {% if chatgroup.icon %}
+		    <img src="{{chatgroup.icon.url}}">
+		   {% else %}
+                    <img src="{% static 'chat/default_group.png' %}" alt="Default Profile">
+		   {% endif %}
+	    </div>
             <div class="h-users">
                 <div class="h-user-group">{{chatgroup.name|title}}</div>
                 <div class="h-user-member">{{participants}}</div>
@@ -50,4 +57,4 @@
             </div>
         </div>
 
-</div>
+</div>

chat/templates/chat/room_preview_image.html

@@ -0,0 +1 @@
+python-3.7.12