Search feature in Chat & broadcast

5 lat temu · c3052c1c07
--- a/src/app/chat-page/chat-page.component.html
+++ b/src/app/chat-page/chat-page.component.html
@@ -10,15 +10,16 @@
    </header>

    <div class="members-holder">
        <button> <svg-icon [applyClass]="true" class="icon" src="assets/custom-icons/search.svg"></svg-icon> </button>
        <button> <img src="https://c-sf.smule.com/rs-s79/arr/c1/0b/83a9328a-1469-4bfd-9e94-622f7ca7b1b5.jpg" alt=""> </button>
        <button> <img src="https://pbs.twimg.com/profile_images/416884752377843712/MW2qg7-f.jpeg" alt=""> </button>
        <button> <img src="https://lh3.googleusercontent.com/9vppS4or0GIIqIdxU7vrMFbHMOOhO3FgFWPN1WYUH4xXd9GwFvZzeCGYrhezckELzAM" alt=""> </button>
        <button> <img src="https://c-sf.smule.com/rs-s79/arr/c1/0b/83a9328a-1469-4bfd-9e94-622f7ca7b1b5.jpg" alt=""> </button>
        <button> <img src="https://pbs.twimg.com/profile_images/416884752377843712/MW2qg7-f.jpeg" alt=""> </button>
        <input type="text" [(ngModel)]="searchTerm" placeholder="Search Friends & Broadcasts" *ngIf="showSearch"
        (input)="searchChats()">
        <button (click)="showSearch = !showSearch">
            <svg-icon *ngIf="!showSearch" [applyClass]="true" class="icon" src="assets/custom-icons/search.svg"></svg-icon>
            <svg-icon *ngIf="showSearch" [applyClass]="true" class="icon" src="assets/custom-icons/close.svg"></svg-icon>
        </button>
        <button [ngClass]="{'hidden' : showSearch }" *ngFor="let chat of chatList; let i = index;" (click)="openPersonalChat(i)"> <img src="{{ chat.user.imgUrl }}" alt=""> </button>
    </div>

    <section class="segment-buttons">
    <section class="segment-buttons" *ngIf="!showSearch">
        <button [ngClass]="{'active' : selectedSegment === 'messages'}"
        (click)="selectedSegment = 'messages'"> Messages </button>
        <button [ngClass]="{'active' : selectedSegment === 'broadcasts'}"
@@ -27,9 +28,9 @@

    <section class="segment-details">

        <div *ngIf="selectedSegment === 'messages'">
        <div *ngIf="selectedSegment === 'messages' && !showSearch">
            <ul class="chat-list">
                <li *ngFor="let chat of chatList; let i = index" (click)="openPersonalChat(i)">
                <li *ngFor="let chat of getChatList(); let i = index" (click)="openPersonalChat(i)">
                    <img src="{{ chat.user.imgUrl }}">
                    <div class="content">
                        <label> {{ chat.user.name }} </label>
@@ -44,7 +45,7 @@
            </ul>
        </div>

        <div *ngIf="selectedSegment === 'broadcasts'">
        <div *ngIf="selectedSegment === 'broadcasts' && !showSearch">
            <ul class="chat-list">
                <li *ngFor="let chat of broadCastList; let i = index" (click)="openBroadcastChat(i)">
                    <img src="{{ chat.user.imgUrl }}">
@@ -61,6 +62,33 @@
            </ul>
        </div>

        <section class="search-list" *ngIf="showSearch">

            <div *ngIf="searchList.chatList.length > 0">
                <header> Friends </header>
                <ul>
                    <li *ngFor="let chat of searchList.chatList; let i = index" (click)="openPersonalChat(i)">
                        <img src="{{ chat.user.imgUrl }}">
                        <label> {{ chat.user.name }} </label>
                    </li>
                </ul>
            </div>

            <div *ngIf="searchList.broadCastList.length > 0">
                <header> Broadcasts </header>
                <ul>
                    <li *ngFor="let chat of searchList.broadCastList; let i = index" (click)="openPersonalChat(i)">
                        <img src="{{ chat.user.imgUrl }}">
                        <label> {{ chat.user.name }} </label>
                    </li>
                </ul>
            </div>

            <div class="no-results" *ngIf="searchList.broadCastList.length === 0 && searchList.chatList.length === 0">
                <header> No results found </header>
            </div>

        </section>
    </section>


--- a/src/app/chat-page/chat-page.component.scss
+++ b/src/app/chat-page/chat-page.component.scss
@@ -17,6 +17,13 @@
        border-radius: 50%;
        overflow: hidden;
        margin: 0 10px 5px 0px;
        display: flex;
        align-items: center;
        justify-content: center;

        &.hidden {
            display: none;
        }

        .icon {
            width: 18px;
@@ -30,6 +37,17 @@
            object-fit: cover;
        }
    }

    input {
        border: 0px;
        border-bottom: 2px solid var(--light-grey);
        width: calc(100% - 60px);
        margin-right: auto;
        height: 40px;
        background-color: transparent;
        color: white;
        font-size: 16px;
    }
 }

 .segment-buttons {
@@ -146,3 +164,41 @@
        transform: translateY(0);
    }
 }

 .search-list {
    header {
        font-size: 16px;
        font-weight: bold;
        color: var(--dark-grey);
        margin: 20px auto 0px;
    }

    ul {
        list-style: none;
    }

    li {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0;
        margin: 0px auto;
        border-bottom: 1px solid #cecece;
    }

    img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-right: 15px;
    }

    label {
        display: block;
        font-size: 15px;
        font-weight: 500;
        color: var(--dark-grey);
        width: calc(100% - 50px);
    }
 }
--- a/src/app/chat-page/chat-page.component.ts
+++ b/src/app/chat-page/chat-page.component.ts
@@ -10,6 +10,12 @@ import * as moment from 'moment';
 export class ChatPageComponent implements OnInit {
    selectedSegment: string = 'messages';
    selectedChat: any = null;
    showSearch: boolean = false;
    searchTerm: string = '';
    searchList = {
        chatList: [],
        broadCastList: []
    };

    chatList = [{
        user: {
@@ -91,6 +97,13 @@ export class ChatPageComponent implements OnInit {
            message: 'I topped the class, hehe',
            user: 2
        }]
    }, {
        user: {
            id: 3,
            name: 'Dwayne The Rock',
            imgUrl: 'https://pbs.twimg.com/profile_images/3478244961/01ebfc40ecc194a2abc81e82ab877af4.jpeg'
        },
        conversation: []
    }];

    broadCastList = [{
@@ -106,13 +119,15 @@ export class ChatPageComponent implements OnInit {
            message: 'Hi Students, I have uploaded a question in the forum. Please take a look!',
            user: 0
        }]
    }]
    }];

 	constructor(
        private location: Location
    ) { }

 	ngOnInit(): void {
        this.searchList.chatList = this.chatList;
        this.searchList.broadCastList = this.broadCastList;
 	}

    back() {
@@ -133,8 +148,29 @@ export class ChatPageComponent implements OnInit {
        }
    }

    getChatList() {
        return this.chatList.filter((chat) => {
            return chat.conversation && chat.conversation.length > 0;
        })
    }

    getFormattedDate() {
        return moment().format('ddd, hh:MM a')
    }

    searchChats() {
        if (this.searchTerm) {
            this.searchList.chatList = this.chatList.filter((chat) => {
                return chat.user.name.toLowerCase().includes(this.searchTerm.toLowerCase());
            });

            this.searchList.broadCastList = this.broadCastList.filter((chat) => {
                return chat.user.name.toLowerCase().includes(this.searchTerm.toLowerCase());
            });
        } else {
            this.searchList.chatList = this.chatList;
            this.searchList.broadCastList = this.broadCastList;
        }
    }

 }
--- a/src/app/chat-page/chat-window/chat-window.component.ts
+++ b/src/app/chat-page/chat-window/chat-window.component.ts
@@ -39,10 +39,14 @@ export class ChatWindowComponent implements OnInit {
    }

    scrollToBottom() {
        document.querySelector('.message-' + (this.conversation.conversation.length - 1)).scrollIntoView({
            behavior: 'smooth',
            block: 'end'
        });
        try {
            document.querySelector('.message-' + (this.conversation.conversation.length - 1)).scrollIntoView({
                behavior: 'smooth',
                block: 'end'
            });
        } catch {
            return;
        }
    }

    closeChat() {
--- a/src/app/tabs/more/more.component.scss
+++ b/src/app/tabs/more/more.component.scss
@@ -168,6 +168,7 @@
            height: 40px;
            display: block;
            margin: 0 auto;
            fill: var(--dark-grey);
        }

        h4 {
--- a/src/assets/custom-icons/attendance-1.svg
+++ b/src/assets/custom-icons/attendance-1.svg
--- a/src/assets/custom-icons/chat-color.svg
+++ b/src/assets/custom-icons/chat-color.svg
--- a/src/assets/custom-icons/class.svg
+++ b/src/assets/custom-icons/class.svg
@@ -1,99 +1 @@
 <?xml version="1.0" encoding="iso-8859-1"?>
 <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
 <polygon style="fill:#A45E43;" points="167,349.75 107,349.75 43.5,289.75 167,289.75 "/>
 <rect x="22.5" y="289.75" style="fill:#C27749;" width="84.5" height="60"/>
 <polygon style="fill:#E18F4E;" points="107,274.75 77,289.75 107,304.75 157,304.75 157,274.75 "/>
 <rect x="7.5" y="274.75" style="fill:#FFA754;" width="99.5" height="30"/>
 <path style="fill:#2DADE3;" d="M182,274.75v75c24.853,0,45-20.147,45-45L182,274.75z"/>
 <path style="fill:#49C9FF;" d="M197,304.75v-30l-60,30v45l22.5,15l22.5-15C190.284,349.75,197,329.603,197,304.75z"/>
 <polygon style="fill:#A45E43;" points="213.5,349.75 193.5,364.75 213.5,379.75 243.5,379.75 243.5,349.75 "/>
 <rect x="137" y="349.75" style="fill:#C27749;" width="76.5" height="30"/>
 <path style="fill:#FF4128;" d="M207,209.75h-30l20,95h30v-75C227,218.704,218.046,209.75,207,209.75z"/>
 <path style="fill:#FF6337;" d="M177,209.75h-20c-11.046,0-20,8.954-20,20v75h60v-75C197,218.704,188.046,209.75,177,209.75z"/>
 <polygon style="fill:#A45E43;" points="428,349.75 368,349.75 304.5,289.75 428,289.75 "/>
 <rect x="283.5" y="289.75" style="fill:#C27749;" width="84.5" height="60"/>
 <polygon style="fill:#E18F4E;" points="368,274.75 338,289.75 368,304.75 418,304.75 418,274.75 "/>
 <rect x="268.5" y="274.75" style="fill:#FFA754;" width="99.5" height="30"/>
 <path style="fill:#869E47;" d="M443,274.75v75c24.853,0,45-20.147,45-45L443,274.75z"/>
 <path style="fill:#9DB55F;" d="M458,304.75v-30l-60,30v45l22.5,15l22.5-15C451.284,349.75,458,329.603,458,304.75z"/>
 <polygon style="fill:#A45E43;" points="474.5,349.75 454.5,364.75 474.5,379.75 504.5,379.75 504.5,349.75 "/>
 <rect x="398" y="349.75" style="fill:#C27749;" width="76.5" height="30"/>
 <path style="fill:#FFB4A9;" d="M468,209.75h-30l20,95h30v-75C488,218.704,479.046,209.75,468,209.75z"/>
 <path style="fill:#FFD9D4;" d="M438,209.75h-20c-11.046,0-20,8.954-20,20v75h60v-75C458,218.704,449.046,209.75,438,209.75z"/>
 <path style="fill:#85453D;" d="M443,89.75v90c24.853,0,45-20.147,45-45S467.853,89.75,443,89.75z"/>
 <path style="fill:#A45E43;" d="M458,134.75c0-24.853-6.716-45-15-45c-24.853,0-45,20.147-45,45s20.147,45,45,45
 	C451.284,179.75,458,159.603,458,134.75z"/>
 <path style="fill:#40211D;" d="M458.793,54.75c-2.811-5.907-8.816-10-15.793-10s-12.982,4.093-15.793,10
 	c-9.665,0-17.5,7.835-17.5,17.5s7.835,17.5,17.5,17.5h31.586c9.665,0,17.5-7.835,17.5-17.5S468.458,54.75,458.793,54.75z"/>
 <path style="fill:#FFB4A9;" d="M216.255,105.585c0.01-0.01-34.255-0.005-34.255-0.005v74.17c24.85,0,45-20.15,45-45
 	C227,123.63,222.955,113.435,216.255,105.585z"/>
 <path style="fill:#FFD9D4;" d="M195.89,117.76l-48.145-12.175c-6.7,7.85-10.745,18.045-10.745,29.165c0,24.85,20.15,45,45,45
 	c8.28,0,15-20.15,15-45C197,128.74,196.61,123,195.89,117.76z"/>
 <path style="fill:#A45E43;" d="M182,89.75l13.89,28.01c7.45-2.23,14.475-6.295,20.365-12.175C208.005,95.895,195.72,89.75,182,89.75
 	z"/>
 <path style="fill:#C27749;" d="M182,89.75c-13.72,0-26.005,6.145-34.255,15.835c13.04,13.04,31.645,17.105,48.145,12.175
 	C193.66,101.33,188.28,89.75,182,89.75z"/>
 <path d="M243.5,342.25h-24.808c9.745-9.537,15.808-22.821,15.808-37.5v-75c0-15.163-12.336-27.5-27.5-27.5h-50
 	c-12.456,0-22.997,8.327-26.368,19.704C93.629,218.716,64.5,187.58,64.5,149.75c0-4.143-3.358-7.5-7.5-7.5s-7.5,3.357-7.5,7.5
 	c0,45.721,35.251,83.358,80,87.175v30.325H7.5c-1.989,0-3.897,0.79-5.303,2.196C0.79,270.854,0,272.761,0,274.75v30
 	c0,4.143,3.358,7.5,7.5,7.5H15v155c0,4.143,3.358,7.5,7.5,7.5s7.5-3.357,7.5-7.5v-110h99.5v110c0,4.143,3.358,7.5,7.5,7.5
 	s7.5-3.357,7.5-7.5v-80H236v80c0,4.143,3.358,7.5,7.5,7.5s7.5-3.357,7.5-7.5v-117.5C251,345.607,247.642,342.25,243.5,342.25z
 	 M129.5,342.25H30v-30h99.5V342.25z M129.5,297.25H15v-15h114.5V297.25z M144.5,229.75c0-6.893,5.607-12.5,12.5-12.5h50
 	c6.893,0,12.5,5.607,12.5,12.5v67.5h-75V229.75z M144.5,312.25h74.245c-3.484,17.096-18.635,30-36.745,30h-37.5V312.25z M236,372.25
 	h-91.5v-15H236V372.25z"/>
 <path d="M97,372.25c-4.142,0-7.5,3.357-7.5,7.5v80h-21c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5H97c4.142,0,7.5-3.357,7.5-7.5
 	v-87.5C104.5,375.607,101.142,372.25,97,372.25z"/>
 <path d="M504.5,342.25h-24.808c9.745-9.537,15.808-22.821,15.808-37.5v-75c0-15.163-12.336-27.5-27.5-27.5h-50
 	c-12.456,0-22.997,8.327-26.368,19.704c-37.004-3.237-66.132-34.374-66.132-72.204c0-4.143-3.358-7.5-7.5-7.5s-7.5,3.357-7.5,7.5
 	c0,45.721,35.251,83.358,80,87.175v30.325h-122c-1.989,0-3.897,0.79-5.303,2.196c-1.407,1.407-2.197,3.314-2.197,5.304v30
 	c0,4.143,3.358,7.5,7.5,7.5h7.5v155c0,4.143,3.358,7.5,7.5,7.5s7.5-3.357,7.5-7.5v-110h99.5v110c0,4.143,3.358,7.5,7.5,7.5
 	s7.5-3.357,7.5-7.5v-80H497v80c0,4.143,3.358,7.5,7.5,7.5s7.5-3.357,7.5-7.5v-117.5C512,345.607,508.642,342.25,504.5,342.25z
 	 M390.5,342.25H291v-30h99.5V342.25z M390.5,297.25H276v-15h114.5V297.25z M405.5,229.75c0-6.893,5.607-12.5,12.5-12.5h50
 	c6.893,0,12.5,5.607,12.5,12.5v67.5h-75V229.75z M405.5,312.25h74.245c-3.484,17.096-18.635,30-36.745,30h-37.5V312.25z M497,372.25
 	h-91.5v-15H497V372.25z"/>
 <path d="M358,372.25c-4.142,0-7.5,3.357-7.5,7.5v80h-21c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5H358
 	c4.142,0,7.5-3.357,7.5-7.5v-87.5C365.5,375.607,362.142,372.25,358,372.25z"/>
 <path d="M390.5,134.75c0,28.948,23.551,52.5,52.5,52.5s52.5-23.552,52.5-52.5c0-17.46-8.576-32.947-21.728-42.497
 	c6.08-4.565,10.021-11.832,10.021-20.003c0-12.258-8.869-22.483-20.526-24.599C458.618,41.222,451.065,37.25,443,37.25
 	s-15.618,3.971-20.267,10.401c-11.657,2.114-20.526,12.341-20.526,24.599c0,8.171,3.941,15.438,10.021,20.003
 	C399.075,101.803,390.5,117.29,390.5,134.75z M427.207,62.25c2.894,0,5.529-1.664,6.772-4.277c1.68-3.53,5.136-5.723,9.021-5.723
 	s7.341,2.192,9.021,5.723c1.243,2.612,3.879,4.277,6.772,4.277c5.514,0,10,4.486,10,10s-4.486,10-10,10h-31.586
 	c-5.514,0-10-4.486-10-10S421.692,62.25,427.207,62.25z M443,97.25c20.678,0,37.5,16.822,37.5,37.5s-16.822,37.5-37.5,37.5
 	s-37.5-16.822-37.5-37.5S422.322,97.25,443,97.25z"/>
 <path d="M182,187.25c28.949,0,52.5-23.552,52.5-52.5s-23.551-52.5-52.5-52.5s-52.5,23.552-52.5,52.5S153.051,187.25,182,187.25z
 	 M182,97.25c8.674,0,16.662,2.968,23.022,7.931c-13.839,9.419-32.206,9.419-46.045,0C165.338,100.218,173.326,97.25,182,97.25z
 	 M149.18,116.634c9.75,7.072,21.284,10.615,32.82,10.615s23.07-3.543,32.82-10.615c2.978,5.374,4.68,11.549,4.68,18.116
 	c0,20.678-16.822,37.5-37.5,37.5s-37.5-16.822-37.5-37.5C144.5,128.183,146.202,122.008,149.18,116.634z"/>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 </svg>
 <svg height="512pt" viewBox="0 -32 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m464.871094 0h-224.941406c-26.03125 0-47.128907 21.101562-47.128907 47.128906v110.800782c11.890625 5.910156 24.738281 12.300781 36.730469 18.261718l18.347656-36.710937c11.109375-22.199219 38.191406-31.21875 60.382813-20.128907 22.238281 11.128907 31.25 38.136719 20.117187 60.378907l-32.707031 65.429687c.867187 8.660156.097656 17.390625-2.34375 25.839844h21.59375l-56.953125 156.609375c-3.378906 9.289063 3.152344 20.128906 14.101562 20.128906 6.121094 0 11.878907-3.777343 14.089844-9.878906l60.679688-166.859375h10.511718l61.296876 166.910156c2.230468 6.070313 7.972656 9.828125 14.089843 9.828125 10.230469 0 17.730469-10.21875 14.070313-20.167969l-57.5-156.570312h75.5625c26.027344 0 47.128906-21.101562 47.128906-47.128906v-176.742188c0-26.027344-21.101562-47.128906-47.128906-47.128906zm-32.140625 206.738281h-67.300781c-8.28125 0-15-6.71875-15-15 0-8.289062 6.71875-15 15-15h67.300781c8.289062 0 15 6.710938 15 15 0 8.28125-6.710938 15-15 15zm0-56.238281h-67.300781c-8.28125 0-15-6.710938-15-15 0-8.28125 6.71875-15 15-15h67.300781c8.289062 0 15 6.71875 15 15 0 8.289062-6.710938 15-15 15zm0-56.230469h-160.660157c-8.289062 0-15-6.71875-15-15s6.710938-15 15-15h160.660157c8.289062 0 15 6.71875 15 15s-6.710938 15-15 15zm0 0"/><path d="m263.921875 264.566406c2.710937-7.941406 2.691406-16.238281.402344-23.808594l37.226562-74.445312c3.703125-7.410156.703125-16.421875-6.707031-20.125-7.40625-3.707031-16.417969-.703125-20.125 6.707031l-31.75 63.492188c-18.976562-9.449219-47.808594-23.785157-71.035156-35.335938-21.609375-10.746093-37.03125-20.382812-63.34375-20.382812h-13.253906c20.488281 0 38.773437-9.429688 50.742187-24.1875 9.132813-11.230469 14.59375-25.542969 14.59375-41.140625 0-36.089844-29.25-65.339844-65.34375-65.339844-36.078125 0-65.328125 29.25-65.328125 65.339844 0 17.332031 6.75 33.082031 17.761719 44.769531 11.90625 12.660156 28.816406 20.558594 47.5625 20.5625-25.132813 0-49.703125 10.183594-67.378907 27.90625-18.019531 17.972656-27.945312 41.917969-27.945312 67.425781v48.199219c0 20.75 13.472656 38.40625 32.132812 44.6875v83.84375c0 8.285156 6.714844 15 15 15h96.398438c8.285156 0 15-6.714844 15-15v-168.535156c14.222656 7.109375 32.90625 16.449219 48.023438 24.011719 10.597656 5.296874 22.980468 5.773437 34.023437 1.28125 11.011719-4.53125 19.5-13.550782 23.285156-24.75.019531-.058594.039063-.117188.058594-.175782zm0 0"/></svg>
--- a/src/assets/custom-icons/duel.svg
+++ b/src/assets/custom-icons/duel.svg
@@ -1,100 +1,57 @@
 <?xml version="1.0" encoding="iso-8859-1"?>
 <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
 <polygon style="fill:#C6C5CA;" points="500.672,11.333 447.257,11.333 174.53,284.06 227.945,337.474 500.672,64.747 "/>
 <polygon style="fill:#898890;" points="202.012,284.06 474.738,11.333 447.257,11.333 174.53,284.06 227.945,337.474
 	241.686,323.733 "/>
 <g>

 		<rect x="91.616" y="305.245" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 91.6093 686.1531)" style="fill:#FFE477;" width="192.592" height="37.716"/>

 		<rect x="7.635" y="445.162" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 -233.6352 820.8486)" style="fill:#FFE477;" width="91.101" height="27.3"/>
 </g>
 <g>

 		<rect x="87.509" y="314.294" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 -75.4512 755.3367)" style="fill:#FFB655;" width="62.401" height="158.002"/>
 	<polygon style="fill:#FFB655;" points="134.5,269.346 147.158,256.687 133.148,242.676 106.477,269.346 242.659,405.528
 		256.67,391.517 	"/>
 	<polygon style="fill:#FFB655;" points="30.48,436.258 40.206,426.531 30.631,416.956 11.328,436.258 75.746,500.676
 		85.323,491.101 	"/>
 </g>
 <polygon style="fill:#FF7956;" points="59.927,427.101 162.08,324.949 152.505,315.373 40.777,427.101 84.903,471.228
 	94.478,461.653 "/>
 <rect x="413.267" y="445.161" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -190.0439 458.8152)" style="fill:#FFE477;" width="91.101" height="27.3"/>
 <rect x="362.107" y="314.306" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -162.9129 393.3069)" style="fill:#FFB655;" width="62.401" height="158.002"/>
 <polygon style="fill:#FFE477;" points="378.853,242.676 256,365.528 269.329,378.857 256,392.186 269.341,405.527 405.523,269.345
 	"/>
 <polygon style="fill:#FFB655;" points="435.543,481.374 490.666,426.251 481.369,416.956 416.951,481.374 436.254,500.676
 	445.549,491.381 "/>
 <polygon style="fill:#FF7956;" points="338.294,359.5 370.957,326.835 359.495,315.373 315.369,359.5 427.097,471.228
 	438.56,459.766 "/>
 <polygon style="fill:#FFB655;" points="294.132,380.736 278.924,365.528 390.315,254.138 378.853,242.676 256,365.528
 	269.329,378.857 256,392.186 269.341,405.528 "/>
 <g>
 	<polygon style="fill:#C6C5CA;" points="256,202.59 64.743,11.333 11.329,11.333 11.329,64.747 202.586,256.004 	"/>

 		<rect x="276.9" y="258.981" transform="matrix(0.7071 0.7071 -0.7071 0.7071 296.7471 -122.9088)" style="fill:#C6C5CA;" width="39.675" height="75.541"/>
 </g>
 <g>
 	<polygon style="fill:#898890;" points="40.207,64.747 40.207,11.333 11.328,11.333 11.328,64.747 202.586,256.004 217.025,241.566
 			"/>
 	<polygon style="fill:#898890;" points="284.879,309.419 323.853,270.443 309.414,256.004 256,309.419 284.056,337.474
 		298.494,323.034 	"/>
 </g>
 <polygon style="fill:#FFFFFF;" points="195.908,11.333 195.908,90.111 237.688,90.111 254.456,106.879 271.224,90.111
 	313.003,90.111 313.003,11.333 "/>
 <rect x="195.914" y="11.333" style="fill:#D8D7DA;" width="18.474" height="78.782"/>
 <g>

 		<rect x="447.331" y="48.112" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 737.1222 416.5504)" style="fill:#FFFFFF;" width="15" height="15"/>

 		<rect x="429.649" y="65.792" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 694.4345 434.2278)" style="fill:#FFFFFF;" width="15" height="15"/>

 		<rect x="371.934" y="66.877" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 555.1086 491.9195)" style="fill:#FFFFFF;" width="15" height="128.231"/>

 		<rect x="147.406" y="145.838" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 156.0146 371.3003)" style="fill:#FFFFFF;" width="15" height="15"/>

 		<rect x="165.086" y="163.524" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 173.6913 413.9931)" style="fill:#FFFFFF;" width="15" height="15"/>

 		<rect x="33.077" y="88.141" transform="matrix(0.7071 0.7071 -0.7071 0.7071 96.0957 -40.7127)" style="fill:#FFFFFF;" width="128.231" height="15"/>
 </g>
 <g>

 		<rect x="162.587" y="297.612" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 506.1037 400.5885)" style="fill:#1D1D1F;" width="15" height="15"/>

 		<rect x="197.885" y="333.033" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -180.5751 244.943)" style="fill:#1D1D1F;" width="15" height="14.823"/>

 		<rect x="180.261" y="315.292" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 548.7759 418.2737)" style="fill:#1D1D1F;" width="15" height="15"/>

 		<rect x="315.007" y="316.653" transform="matrix(0.7071 0.7071 -0.7071 0.7071 323.6711 -133.1047)" style="fill:#1D1D1F;" width="15" height="15"/>

 		<rect x="332.632" y="298.97" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 363.9342 763.6865)" style="fill:#1D1D1F;" width="15" height="15"/>

 		<rect x="297.389" y="334.358" transform="matrix(0.7071 0.7071 -0.7071 0.7071 330.9676 -115.4871)" style="fill:#1D1D1F;" width="15" height="14.823"/>
 	<path style="fill:#1D1D1F;" d="M482.033,405.265l-10.175,10.175L370.407,313.99l46.163-46.163l-37.355-37.355l-41.506,41.506
 		l-8.78-8.781l-10.607,10.606l8.781,8.781l-16.179,16.179l-17.531-17.53L508.894,65.731V1.553h-64.179l-215.5,215.5l-19.722-19.721
 		l-10.607,10.606l19.722,19.722l-44.317,44.317l-41.506-41.506L95.43,267.826l46.163,46.163L40.142,415.441l-10.175-10.175L0,435.23
 		l75.215,75.214l29.966-29.966l-10.176-10.176l101.451-101.451l46.163,46.163l37.356-37.355l-41.506-41.506l44.317-44.317
 		l17.53,17.53l-16.18,16.179l-8.78-8.781l-10.607,10.606l8.781,8.781l-8.781,8.781l10.607,10.606l103.858-103.858l16.142,16.142
 		l-103.858,103.86l10.607,10.606l13.438-13.438l101.451,101.451l-10.176,10.176l29.966,29.966l75.215-75.214L482.033,405.265z
 		 M450.928,16.553h42.966v42.965l-266.031,266.03l-16.179-16.179l101.432-101.432l-10.607-10.606L201.076,298.762l-16.179-16.178
 		L450.928,16.553z M87.698,389.098l8.472-8.472l33.65,33.65l-8.473,8.473L87.698,389.098z M110.74,433.355l-8.472,8.472
 		l-33.65-33.651l8.472-8.472L110.74,433.355z M106.777,370.018l8.472-8.472l33.65,33.65l-8.472,8.472L106.777,370.018z
 		 M125.856,350.939l8.472-8.472l33.65,33.65l-8.472,8.472L125.856,350.939z M21.213,435.23l8.752-8.751l54.001,54.001l-8.752,8.752
 		L21.213,435.23z M50.749,426.047l7.263-7.263l33.65,33.651l-7.262,7.262L50.749,426.047z M178.586,365.509l-33.65-33.65
 		l7.262-7.262l16.825,16.824l16.825,16.825L178.586,365.509z M242.619,393.803l-35.557-35.557l0,0l-27.432-27.432l-62.988-62.988
 		l16.142-16.142l30.899,30.899l0,0l32.09,32.09l62.988,62.988L242.619,393.803z M396.751,361.546l8.472,8.472l-33.65,33.65
 		l-8.472-8.472L396.751,361.546z M352.493,384.589l-8.472-8.472l33.65-33.65l8.472,8.472L352.493,384.589z M415.83,380.625
 		l8.472,8.472l-33.65,33.651l-8.473-8.473L415.83,380.625z M434.91,399.705l8.472,8.472l-33.65,33.651l-8.472-8.472L434.91,399.705z
 		 M359.801,324.596l7.262,7.262l-33.65,33.65l-7.263-7.263L359.801,324.596z M420.339,452.435l33.65-33.651l7.263,7.263
 		l-33.65,33.65L420.339,452.435z M428.032,480.48l54.001-54.001l8.752,8.751l-54.002,54.001L428.032,480.48z"/>
 	<path style="fill:#1D1D1F;" d="M254.451,115.487l19.924-19.924h46.296V1.553h-132.44v94.011h46.296L254.451,115.487z
 		 M203.232,16.553h102.44v64.01h-37.509l-13.711,13.711l-13.711-13.711h-37.509L203.232,16.553L203.232,16.553z"/>
 	<polygon style="fill:#1D1D1F;" points="280.831,35.012 268.116,27.054 254.448,48.894 240.779,27.054 228.064,35.012
 		254.448,77.168 	"/>
 	<polygon style="fill:#1D1D1F;" points="193.679,235.089 18.107,59.518 18.107,16.553 61.072,16.553 236.643,192.124
 		247.25,181.518 67.285,1.553 3.107,1.553 3.107,65.731 183.071,245.696 	"/>
 	 viewBox="0 0 305.093 305.093" style="enable-background:new 0 0 305.093 305.093;" xml:space="preserve">
 <g>
 	<g>
 		<path d="M148.048,185.018c-0.376-7.991-7.259-14.139-15.259-14.139h-3.921c4.507-2.789,7.421-7.905,7.022-13.682
 			c-0.543-7.848-7.346-13.802-15.213-13.802h-10.832c0.447,5.277-1.26,12.514-5.056,16.767c-1.525,1.709-3.271,3.007-5.15,3.934
 			c-0.634,0.313-0.423,1.257,0.284,1.257h3.872c1.605,0,3.157,0.773,3.988,2.145c1.8,2.972-0.438,6.632-3.749,6.632h-23.66
 			c-0.846,0-1.674,0.244-2.384,0.702l-0.006,0.004c-3.261,2.133-5.28,5.765-5.28,9.767c0,4.001,2.019,7.632,5.28,9.766l0.002,0.001
 			c0.743,0.469,1.603,0.718,2.482,0.718h28.972c2.945,0,5.064,2.901,4.19,5.674c-0.598,1.897-2.471,3.103-4.46,3.103H80.467
 			c-0.878,0-1.739,0.249-2.482,0.718l-0.002,0.001c-3.261,2.133-5.28,5.765-5.28,9.766c0,4.001,2.019,7.633,5.28,9.767l0.002,0.001
 			c0.669,0.459,1.462,0.705,2.273,0.705h20.17c2.597,0,4.865,2.416,4.302,5.262c-0.412,2.082-2.348,3.515-4.47,3.515H80.449
 			c-0.839,0-1.671,0.223-2.378,0.676c-3.313,2.126-5.368,5.786-5.368,9.823c0,5.532,3.96,10.364,9.368,11.459h26.976
 			c7.867,0,14.67-5.955,15.212-13.803c0.399-5.776-2.515-10.891-7.02-13.68h4.436c7.867,0,14.67-5.955,15.212-13.803
 			c0.399-5.776-2.515-10.891-7.02-13.68h3.342C141.652,200.593,148.45,193.55,148.048,185.018z"/>
 		<path d="M72.82,156.484c0.471,3.379,2.391,6.358,5.25,8.194c0.705,0.453,1.536,0.676,2.374,0.676h2.473
 			c0.722,0,0.923-0.982,0.26-1.267c-2.317-0.997-4.514-2.386-6.462-4.124L72.82,156.484z"/>
 	</g>
 	<path d="M63.926,154.856c0-1.943,0.29-3.816,0.797-5.598l-3.177-2.836c-1.544-1.379-1.782-3.851-0.312-5.499
 		c1.435-1.605,3.896-1.743,5.499-0.311l15.17,13.54c5.121,4.57,12.781,3.94,17.164-0.972c4.465-5.002,4.029-12.703-0.972-17.167
 		L71.487,112.26c-4.859-4.338-12.232-4.09-16.786,0.566l-0.115,0.112c-34.657,32.695-42.231,40.804-45.009,44.307
 		C2.309,166.408,0,173.196,0,183.04v30.485c0,23.178,18.856,42.034,42.034,42.034c8.484,0,16.949,0,25.408,0
 		c-2.208-3.258-3.517-7.288-3.517-11.459c0-5.758,2.38-11.086,6.396-14.874c-4.016-3.789-6.396-9.117-6.396-14.875
 		c0-5.758,2.38-11.086,6.396-14.874c-4.016-3.788-6.396-9.116-6.396-14.874c0-5.758,2.38-11.086,6.396-14.874
 		C66.305,165.94,63.926,160.613,63.926,154.856z"/>
 	<g>
 		<path d="M227.107,164.623l0.003-0.002c2.812-1.84,4.698-4.792,5.163-8.137l-6.077,5.168c-0.834,0.745-1.693,1.389-2.569,1.937
 			c-0.811,0.507-0.426,1.764,0.529,1.764h0.633C225.618,165.354,226.428,165.098,227.107,164.623z"/>
 		<path d="M204.663,224.824h20.077c0.839,0,1.661-0.244,2.364-0.703l0.006-0.004c3.262-2.134,5.28-5.765,5.28-9.766
 			c0-4-2.019-7.632-5.28-9.765l-0.006-0.004c-0.715-0.467-1.551-0.716-2.406-0.716h-28.79c-1.603,0-3.156-0.765-3.994-2.131
 			c-1.816-2.961,0.413-6.646,3.739-6.646h28.861c0.914,0,1.81-0.248,2.594-0.719l0.003-0.001c3.262-2.134,5.28-5.765,5.28-9.765
 			c0-4.001-2.019-7.632-5.28-9.766l-0.006-0.004c-0.719-0.459-1.555-0.703-2.408-0.703h-23.637c-3.293,0-5.541-3.629-3.763-6.615
 			c0.822-1.38,2.373-2.163,3.98-2.163h4.794c0.991,0,1.334-1.308,0.472-1.796c-2.255-1.278-4.396-3.028-6.328-5.192
 			c-3.531-3.955-5.464-9.185-4.976-14.97h-10.822c-7.867,0-14.67,5.954-15.213,13.802c-0.4,5.777,2.515,10.893,7.022,13.682h-3.921
 			c-8,0-14.883,6.148-15.259,14.139c-0.402,8.531,6.396,15.574,14.84,15.574h3.342c-4.506,2.79-7.42,7.904-7.02,13.68
 			c0.543,7.848,7.345,13.803,15.212,13.803h4.436c-4.505,2.789-7.419,7.904-7.02,13.68c0.543,7.848,7.345,13.803,15.212,13.803
 			h26.976c5.4-1.093,9.369-5.918,9.369-11.459c0-4-2.019-7.632-5.28-9.765l-0.001-0.001c-0.717-0.478-1.559-0.733-2.42-0.733
 			h-19.856c-2.121,0-4.057-1.432-4.47-3.512C199.796,227.245,202.063,224.824,204.663,224.824z"/>
 	</g>
 	<path d="M295.514,157.242c-0.685-1.429-1.599-2.777-2.769-3.973l-7.264-7.424l-35.091-33.019
 		c-4.555-4.656-11.927-4.903-16.785-0.566l-26.608,23.753c-5.013,4.476-5.45,12.152-0.974,17.166
 		c4.459,4.996,12.132,5.465,17.166,0.973l15.169-13.54c1.605-1.433,4.065-1.292,5.499,0.311c1.281,1.435,1.296,3.551,0.139,5.008
 		c-0.382,0.48-3.12,2.874-3.627,3.327c0.508,1.782,0.798,3.655,0.798,5.598c0,5.758-2.38,11.085-6.396,14.874
 		c4.016,3.788,6.396,9.116,6.396,14.874c0,5.758-2.38,11.086-6.396,14.874c4.017,3.788,6.396,9.116,6.396,14.874
 		c0,5.758-2.38,11.086-6.396,14.875c4.017,3.788,6.396,9.116,6.396,14.874c0,4.176-1.311,8.204-3.517,11.459
 		c8.459,0,16.929,0,25.409,0c23.178,0,42.034-18.858,42.034-42.035v-30.485C305.093,173.193,301.477,164.182,295.514,157.242z"/>
 	<path d="M160.046,122.967V57.033c0-4.143-3.357-7.5-7.5-7.5c-4.143,0-7.5,3.357-7.5,7.5v65.934c0,4.143,3.357,7.5,7.5,7.5
 		C156.688,130.467,160.046,127.109,160.046,122.967z"/>
 	<path d="M115.792,126.164c1.765,3.748,6.236,5.353,9.981,3.587c3.747-1.766,5.353-6.234,3.587-9.981l-23.06-48.934
 		c-1.765-3.747-6.233-5.354-9.981-3.587c-3.747,1.766-5.353,6.234-3.587,9.981L115.792,126.164z"/>
 	<path d="M179.319,129.751c3.745,1.766,8.216,0.161,9.982-3.587l23.06-48.934c1.766-3.747,0.16-8.216-3.587-9.981
 		c-3.746-1.769-8.216-0.16-9.981,3.587l-23.06,48.934C173.967,123.517,175.572,127.985,179.319,129.751z"/>
 </g>
 <g>
 </g>
--- a/src/assets/custom-icons/forum.svg
+++ b/src/assets/custom-icons/forum.svg
@@ -1 +1,67 @@
 <svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><path d="m502 106v60c0 16.57-13.43 30-30 30h-30v30l-60-30h-96l-30 30-30-30h-90l-60 30v-30h-36c-16.57 0-30-13.43-30-30v-60c0-16.57 13.43-30 30-30h432c16.57 0 30 13.43 30 30z" fill="#ffd88e"/><path d="m502 427v9h-120v-9c0-33.14 26.86-60 60-60 33.138 0 60 26.859 60 60z" fill="#ff7b79"/><circle cx="442" cy="317" fill="#fce8d0" r="30"/><path d="m316 427v9h-120v-9c0-33.14 26.86-60 60-60 33.138 0 60 26.859 60 60z" fill="#ff7b79"/><circle cx="256" cy="317" fill="#fce8d0" r="30"/><path d="m130 427v9h-120v-9c0-33.14 26.86-60 60-60 33.138 0 60 26.859 60 60z" fill="#ff7b79"/><circle cx="70" cy="317" fill="#fce8d0" r="30"/></g><g><circle cx="316" cy="136" r="10"/><circle cx="256" cy="136" r="10"/><circle cx="196" cy="136" r="10"/><path d="m296 317c0-22.056-17.944-40-40-40s-40 17.944-40 40 17.944 40 40 40 40-17.944 40-40zm-40 20c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20z"/><path d="m186 427v9c0 5.522 4.478 10 10 10h120c5.522 0 10-4.478 10-10v-9c0-38.598-31.402-70-70-70s-70 31.402-70 70zm70-50c27.235 0 49.454 21.891 49.99 49h-99.98c.536-27.109 22.755-49 49.99-49z"/><path d="m110 317c0-22.056-17.944-40-40-40s-40 17.944-40 40 17.944 40 40 40 40-17.944 40-40zm-40 20c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20z"/><path d="m10 446h120c5.522 0 10-4.478 10-10v-9c0-38.598-31.402-70-70-70s-70 31.402-70 70v9c0 5.522 4.478 10 10 10zm60-69c27.235 0 49.454 21.891 49.99 49h-99.98c.536-27.109 22.755-49 49.99-49z"/><path d="m482 317c0-22.056-17.944-40-40-40s-40 17.944-40 40 17.944 40 40 40 40-17.944 40-40zm-40 20c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20z"/><path d="m442 357c-38.598 0-70 31.402-70 70v9c0 5.522 4.478 10 10 10h120c5.522 0 10-4.478 10-10v-9c0-38.598-31.402-70-70-70zm-49.99 69c.536-27.109 22.755-49 49.99-49s49.454 21.891 49.99 49z"/><path d="m472 66h-171c-5.522 0-10 4.478-10 10s4.478 10 10 10h171c11.028 0 20 8.972 20 20v60c0 11.028-8.972 20-20 20h-30c-5.522 0-10 4.478-10 10v13.819l-45.528-22.764c-1.388-.694-2.919-1.055-4.472-1.055h-96c-2.652 0-5.195 1.054-7.071 2.929l-22.929 22.928-22.929-22.929c-1.876-1.874-4.419-2.928-7.071-2.928h-90c-1.553 0-3.084.361-4.472 1.056l-45.528 22.763v-13.819c0-5.522-4.478-10-10-10h-36c-11.028 0-20-8.972-20-20v-60c0-11.028 8.972-20 20-20h171c5.522 0 10-4.478 10-10s-4.478-10-10-10h-171c-22.056 0-40 17.944-40 40v60c0 22.056 17.944 40 40 40h26v20c0 3.466 1.795 6.685 4.743 8.507 2.948 1.821 6.629 1.986 9.729.438l57.888-28.945h83.497l27.071 27.071c3.906 3.904 10.236 3.904 14.143 0l27.072-27.071h89.497l57.889 28.944c3.092 1.547 6.776 1.387 9.729-.438 2.948-1.822 4.743-5.041 4.743-8.507v-20h20c22.056 0 40-17.944 40-40v-60c-.001-22.055-17.945-39.999-40.001-39.999z"/><circle cx="256" cy="76" r="10"/></g></g></svg>
 <?xml version="1.0" encoding="iso-8859-1"?>
 <!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 484.366 484.366" style="enable-background:new 0 0 484.366 484.366;" xml:space="preserve">
 <g>
 	<path d="M483.629,457.833l-7.731-38.872c-3.07-15.4-15.117-27.43-30.517-30.478l-10.474-2.07
 		c-6.014-1.188-10.738-5.866-11.998-11.881l-1.982-9.621c-0.647-3.079,0.472-6.269,2.895-8.275
 		c9.449-7.826,18.095-19.354,23.133-32.958c6.945-1.253,13.291-7.937,15.338-17.141c2.52-11.401-2.504-22.218-11.211-24.156
 		c-0.111-0.015-0.221-0.008-0.316-0.015c-2.628-29.613-14.03-51.54-51.964-51.54c-37.288,0-49.13,21.919-51.917,51.523
 		c-0.111,0.023-0.236,0.017-0.362,0.031c-8.724,1.939-13.732,12.755-11.212,24.156c2.046,9.204,8.377,15.888,15.338,17.141
 		c5.039,13.612,13.7,25.132,23.131,32.966c2.426,1.999,3.545,5.189,2.914,8.259l-2,9.622c-1.244,6.015-5.968,10.7-12,11.896
 		l-10.471,2.063c-15.401,3.048-27.446,15.078-30.518,30.478l-7.732,38.872c-1.29,6.52,0.396,13.282,4.615,18.416
 		c4.22,5.141,10.518,8.117,17.163,8.117h126.101c6.647,0,12.945-2.977,17.165-8.117
 		C483.236,471.115,484.921,464.353,483.629,457.833z"/>
 	<path d="M162.662,418.961c-3.071-15.4-15.116-27.43-30.518-30.478l-10.472-2.07c-6.016-1.188-10.738-5.866-11.999-11.881
 		l-1.984-9.621c-0.646-3.079,0.473-6.269,2.898-8.275c9.447-7.826,18.092-19.354,23.131-32.958
 		c6.945-1.253,13.292-7.937,15.338-17.141c2.52-11.401-2.504-22.218-11.212-24.156c-0.109-0.015-0.221-0.008-0.314-0.015
 		c-2.63-29.613-14.032-51.54-51.966-51.54c-37.288,0-49.13,21.919-51.916,51.523c-0.111,0.023-0.237,0.017-0.363,0.031
 		c-8.724,1.939-13.731,12.755-11.212,24.156c2.048,9.204,8.377,15.888,15.339,17.141c5.038,13.612,13.699,25.132,23.133,32.966
 		c2.423,1.999,3.542,5.189,2.911,8.259l-1.999,9.622c-1.245,6.015-5.968,10.7-11.999,11.896l-10.473,2.063
 		c-15.399,3.048-27.446,15.078-30.516,30.478l-7.733,38.872c-1.292,6.52,0.394,13.282,4.613,18.416
 		c4.22,5.141,10.519,8.117,17.165,8.117h126.101c6.646,0,12.943-2.977,17.163-8.117c4.22-5.134,5.905-11.896,4.615-18.416
 		L162.662,418.961z"/>
 	<path d="M334.491,253.329c1.718-1.686,2.017-4.348,0.74-6.37L317.5,210.78h24.612c12.692,0,22.959-10.267,22.959-22.958V83.773
 		c0-12.691-10.267-22.958-22.959-22.958H284.92v66.199c0,24.07-19.574,43.643-43.65,43.643h-67.995l-17.637,11.787v5.378
 		c0,12.691,10.282,22.958,22.958,22.958h74.279l75.206,43.146C330.097,255.257,332.775,255.014,334.491,253.329z"/>
 	<path d="M77.753,149.974h24.613L84.21,186.404c-1.307,2.032-0.977,4.7,0.74,6.377c0.977,0.962,2.252,1.448,3.559,1.448
 		c0.993,0,1.969-0.282,2.835-0.857l75.647-43.398h74.278c12.676,0,22.959-10.291,22.959-22.959V22.959
 		C264.229,10.283,253.946,0,241.27,0H77.753C65.062,0,54.795,10.283,54.795,22.959v104.056
 		C54.795,139.683,65.062,149.974,77.753,149.974z M205.304,57.815c9.48,0,17.18,7.685,17.18,17.172c0,9.479-7.7,17.164-17.18,17.164
 		c-9.48,0-17.165-7.685-17.165-17.164C188.139,65.5,195.824,57.815,205.304,57.815z M159.511,57.815
 		c9.479,0,17.165,7.685,17.165,17.172c0,9.479-7.686,17.164-17.165,17.164c-9.479,0-17.18-7.685-17.18-17.164
 		C142.332,65.5,150.033,57.815,159.511,57.815z M113.704,57.815c9.513,0,17.181,7.685,17.181,17.172
 		c0,9.479-7.668,17.164-17.181,17.164c-9.464,0-17.163-7.685-17.163-17.164C96.541,65.5,104.24,57.815,113.704,57.815z"/>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 <g>
 </g>
 </svg>