{#each users .filter((user) => { if (search === '') { return true; } else { let name = user.name.toLowerCase(); const query = search.toLowerCase(); return name.includes(query); } }).sort((a, b) => { if (a[sortKey] < b[sortKey]) return sortOrder === 'asc' ? -1 : 1; if (a[sortKey] > b[sortKey]) return sortOrder === 'asc' ? 1 : -1; return 0; }) .slice((page - 1) * 20, page * 20) as user} {/each}

setSortKey('role')}> {$i18n.t('Role')} {#if sortKey === 'role'} {sortOrder === 'asc' ? '▲' : '▼'} {:else} ▲ {/if}	setSortKey('name')}> {$i18n.t('Name')} {#if sortKey === 'name'} {sortOrder === 'asc' ? '▲' : '▼'} {:else} ▲ {/if}	setSortKey('email')}> {$i18n.t('Email')} {#if sortKey === 'email'} {sortOrder === 'asc' ? '▲' : '▼'} {:else} ▲ {/if}	setSortKey('last_active_at')}> {$i18n.t('Last Active')} {#if sortKey === 'last_active_at'} {sortOrder === 'asc' ? '▲' : '▼'} {:else} ▲ {/if}	setSortKey('created_at')}> {$i18n.t('Created at')} {#if sortKey === 'created_at'} {sortOrder === 'asc' ? '▲' : '▼'} {:else} ▲ {/if}
{ if (user.role === 'user') { updateRoleHandler(user.id, 'admin'); } else if (user.role === 'pending') { updateRoleHandler(user.id, 'user'); } else { updateRoleHandler(user.id, 'pending'); } }} > {$i18n.t(user.role)}	{user.name}	{user.email}	{dayjs(user.last_active_at * 1000).fromNow()}	{dayjs(user.created_at * 1000).format($i18n.t('MMMM DD, YYYY'))}	{#if user.role !== 'admin'} { showUserChatsModal = !showUserChatsModal; selectedUser = user; }} > { showEditUserModal = !showEditUserModal; selectedUser = user; }} > { deleteUserHandler(user.id); }} > {:else} { showEditUserModal = !showEditUserModal; selectedUser = user; }} > {/if}