Skip to content

Commit f3d3e67

Browse files
jmgasperjmgasper
authored
Merge pull request #1085 from topcoder-platform/diazz-admin-f2f-30376861
Topcoder Admin App - Misc Update 0518
2 parents 9510de9 + d558ca8 commit f3d3e67

File tree

54 files changed

+522
-105
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

54 files changed

+522
-105
lines changed

‎src/apps/admin/src/billing-account/BillingAccountsPage/BillingAccountsPage.tsx

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
/**
22
* Billing accounts page.
33
*/
4-
import { FC } from 'react'
4+
import { FC, useState } from 'react'
55
import classNames from 'classnames'
66

77
import { PlusIcon } from '@heroicons/react/solid'
8-
import { LinkButton, LoadingSpinner, PageDivider, PageTitle } from '~/libs/ui'
8+
import { colWidthType, LinkButton, LoadingSpinner, PageDivider, PageTitle } from '~/libs/ui'
99

1010
import { BillingAccountsFilter } from '../../lib/components/BillingAccountsFilter'
1111
import { BillingAccountsTable } from '../../lib/components/BillingAccountsTable'
@@ -22,6 +22,7 @@ interface Props {
2222
const pageTitle = 'Billing Accounts'
2323

2424
export const BillingAccountsPage: FC<Props> = (props: Props) => {
25+
const [colWidth, setColWidth] = useState<colWidthType>({})
2526
const {
2627
isLoading,
2728
datas,
@@ -76,6 +77,8 @@ export const BillingAccountsPage: FC<Props> = (props: Props) => {
7677
setPage={setPage}
7778
setSort={setSort}
7879
sort={sort}
80+
colWidth={colWidth}
81+
setColWidth={setColWidth}
7982
/>
8083
)}
8184
</>

‎src/apps/admin/src/billing-account/ClientsPage/ClientsPage.tsx

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
/**
22
* Billing account clients page.
33
*/
4-
import { FC } from 'react'
4+
import { FC, useState } from 'react'
55
import classNames from 'classnames'
66

7-
import { LinkButton, LoadingSpinner, PageDivider, PageTitle } from '~/libs/ui'
7+
import { colWidthType, LinkButton, LoadingSpinner, PageDivider, PageTitle } from '~/libs/ui'
88
import { PlusIcon } from '@heroicons/react/solid'
99

1010
import { MSG_NO_RECORD_FOUND } from '../../config/index.config'
@@ -22,6 +22,7 @@ interface Props {
2222
const pageTitle = 'Clients'
2323

2424
export const ClientsPage: FC<Props> = (props: Props) => {
25+
const [colWidth, setColWidth] = useState<colWidthType>({})
2526
const {
2627
isLoading,
2728
datas,
@@ -77,6 +78,8 @@ export const ClientsPage: FC<Props> = (props: Props) => {
7778
setPage={setPage}
7879
setSort={setSort}
7980
sort={sort}
81+
colWidth={colWidth}
82+
setColWidth={setColWidth}
8083
/>
8184
)}
8285
</>

‎src/apps/admin/src/lib/components/BillingAccountResourcesTable/BillingAccountResourcesTable.module.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,3 +21,9 @@
2121
.btnDelete {
2222
padding-right: 0;
2323
}
24+
25+
.desktopTable {
26+
td {
27+
vertical-align: middle;
28+
}
29+
}

‎src/apps/admin/src/lib/components/BillingAccountResourcesTable/BillingAccountResourcesTable.tsx

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
/**
22
* Billing account resources table.
33
*/
4-
import { FC, useMemo } from 'react'
4+
import { FC, useMemo, useState } from 'react'
55
import classNames from 'classnames'
66

77
import { useWindowSize, WindowSize } from '~/libs/shared'
8-
import { Button, Table, TableColumn } from '~/libs/ui'
8+
import { Button, colWidthType, Table, TableColumn } from '~/libs/ui'
99

1010
import { useTableFilterLocal, useTableFilterLocalProps } from '../../hooks'
1111
import { Pagination } from '../common/Pagination'
@@ -26,6 +26,7 @@ interface Props {
2626
}
2727

2828
export const BillingAccountResourcesTable: FC<Props> = (props: Props) => {
29+
const [colWidth, setColWidth] = useState<colWidthType>({})
2930
const {
3031
page,
3132
setPage,
@@ -40,12 +41,14 @@ export const BillingAccountResourcesTable: FC<Props> = (props: Props) => {
4041
const columns = useMemo<TableColumn<BillingAccountResource>[]>(
4142
() => [
4243
{
44+
columnId: 'name',
4345
label: 'Name',
4446
propertyName: 'name',
4547
type: 'text',
4648
},
4749
{
4850
className: styles.blockColumnAction,
51+
columnId: 'action',
4952
label: '',
5053
renderer: (data: BillingAccountResource) => (
5154
<Button
@@ -100,6 +103,9 @@ export const BillingAccountResourcesTable: FC<Props> = (props: Props) => {
100103
onToggleSort={setSort}
101104
forceSort={sort}
102105
removeDefaultSort
106+
className={styles.desktopTable}
107+
colWidth={colWidth}
108+
setColWidth={setColWidth}
103109
/>
104110
)}
105111

‎src/apps/admin/src/lib/components/BillingAccountsTable/BillingAccountsTable.module.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,3 +38,9 @@
3838
white-space: break-spaces !important;
3939
text-align: left !important;
4040
}
41+
42+
.desktopTable {
43+
td {
44+
vertical-align: middle;
45+
}
46+
}

‎src/apps/admin/src/lib/components/BillingAccountsTable/BillingAccountsTable.tsx

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import { Link } from 'react-router-dom'
66
import classNames from 'classnames'
77

88
import { Sort } from '~/apps/gamification-admin/src/game-lib'
9-
import { LinkButton, Table, TableColumn } from '~/libs/ui'
9+
import { colWidthType, LinkButton, Table, TableColumn } from '~/libs/ui'
1010
import { useWindowSize, WindowSize } from '~/libs/shared'
1111

1212
import { BillingAccount, MobileTableColumn } from '../../models'
@@ -23,12 +23,15 @@ interface Props {
2323
setPage: Dispatch<SetStateAction<number>>
2424
sort: Sort | undefined,
2525
setSort: Dispatch<SetStateAction<Sort | undefined>>
26+
colWidth: colWidthType | undefined,
27+
setColWidth: Dispatch<SetStateAction<colWidthType>> | undefined
2628
}
2729

2830
export const BillingAccountsTable: FC<Props> = (props: Props) => {
2931
const columns = useMemo<TableColumn<BillingAccount>[]>(
3032
() => [
3133
{
34+
columnId: 'id',
3235
label: 'Account ID',
3336
renderer: (data: BillingAccount) => (
3437
<div>
@@ -39,26 +42,31 @@ export const BillingAccountsTable: FC<Props> = (props: Props) => {
3942
},
4043
{
4144
className: styles.tableCell,
45+
columnId: 'name',
4246
label: 'Name',
4347
propertyName: 'name',
4448
type: 'text',
4549
},
4650
{
51+
columnId: 'status',
4752
label: 'Status',
4853
propertyName: 'status',
4954
type: 'text',
5055
},
5156
{
57+
columnId: 'startDateString',
5258
label: 'Start Date',
5359
propertyName: 'startDateString',
5460
type: 'text',
5561
},
5662
{
63+
columnId: 'endDateString',
5764
label: 'End Date',
5865
propertyName: 'endDateString',
5966
type: 'text',
6067
},
6168
{
69+
columnId: 'action',
6270
label: '',
6371
renderer: (data: BillingAccount) => (
6472
<span>
@@ -167,6 +175,9 @@ export const BillingAccountsTable: FC<Props> = (props: Props) => {
167175
onToggleSort={props.setSort}
168176
removeDefaultSort
169177
forceSort={props.sort}
178+
colWidth={props.colWidth}
179+
setColWidth={props.setColWidth}
180+
className={styles.desktopTable}
170181
/>
171182
)}
172183
<Pagination

‎src/apps/admin/src/lib/components/ChallengeList/ChallengeList.module.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,3 +53,9 @@
5353
flex: none;
5454
}
5555
}
56+
57+
.desktopTable {
58+
td {
59+
vertical-align: middle;
60+
}
61+
}

‎src/apps/admin/src/lib/components/ChallengeList/ChallengeList.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -332,6 +332,8 @@ const ChallengeList: FC<ChallengeListProps> = props => {
332332
columns={columns}
333333
data={props.challenges}
334334
disableSorting
335+
onToggleSort={_.noop}
336+
className={styles.desktopTable}
335337
/>
336338
)}
337339
{screenWidth <= 1279 && (

‎src/apps/admin/src/lib/components/ChallengeUserList/ChallengeUserList.module.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,3 +48,9 @@
4848
text-align: right;
4949
}
5050
}
51+
52+
.desktopTable {
53+
td {
54+
vertical-align: middle;
55+
}
56+
}

‎src/apps/admin/src/lib/components/ChallengeUserList/ChallengeUserList.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -421,6 +421,7 @@ const ChallengeUserList: FC<ChallengeUserListProps> = props => {
421421
columns={columns}
422422
data={props.users}
423423
disableSorting
424+
className={styles.desktopTable}
424425
/>
425426
)}
426427
{screenWidth <= 984 && (

‎src/apps/admin/src/lib/components/ClientsTable/ClientsTable.module.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,3 +30,9 @@
3030
white-space: break-spaces !important;
3131
text-align: left !important;
3232
}
33+
34+
.desktopTable {
35+
td {
36+
vertical-align: middle;
37+
}
38+
}

‎src/apps/admin/src/lib/components/ClientsTable/ClientsTable.tsx

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ import classNames from 'classnames'
77

88
import { Sort } from '~/apps/gamification-admin/src/game-lib'
99
import { useWindowSize, WindowSize } from '~/libs/shared'
10-
import { Table, TableColumn } from '~/libs/ui'
10+
import { colWidthType, Table, TableColumn } from '~/libs/ui'
1111

1212
import { ClientInfo, MobileTableColumn } from '../../models'
1313
import { Pagination } from '../common/Pagination'
@@ -23,12 +23,15 @@ interface Props {
2323
setPage: Dispatch<SetStateAction<number>>
2424
sort: Sort | undefined
2525
setSort: Dispatch<SetStateAction<Sort | undefined>>
26+
colWidth: colWidthType | undefined,
27+
setColWidth: Dispatch<SetStateAction<colWidthType>> | undefined
2628
}
2729

2830
export const ClientsTable: FC<Props> = (props: Props) => {
2931
const columns = useMemo<TableColumn<ClientInfo>[]>(
3032
() => [
3133
{
34+
columnId: 'ClientID',
3235
label: 'Client ID',
3336
renderer: (data: ClientInfo) => (
3437
<div>
@@ -39,26 +42,31 @@ export const ClientsTable: FC<Props> = (props: Props) => {
3942
},
4043
{
4144
className: styles.tableCell,
45+
columnId: 'name',
4246
label: 'Name',
4347
propertyName: 'name',
4448
type: 'text',
4549
},
4650
{
51+
columnId: 'status',
4752
label: 'Status',
4853
propertyName: 'status',
4954
type: 'text',
5055
},
5156
{
57+
columnId: 'startDateString',
5258
label: 'Start Date',
5359
propertyName: 'startDateString',
5460
type: 'text',
5561
},
5662
{
63+
columnId: 'endDateString',
5764
label: 'End Date',
5865
propertyName: 'endDateString',
5966
type: 'text',
6067
},
6168
{
69+
columnId: 'codeName',
6270
label: 'Code name',
6371
renderer: (data: ClientInfo) => (
6472
<>
@@ -161,6 +169,9 @@ export const ClientsTable: FC<Props> = (props: Props) => {
161169
onToggleSort={props.setSort}
162170
removeDefaultSort
163171
forceSort={props.sort}
172+
className={styles.desktopTable}
173+
colWidth={props.colWidth}
174+
setColWidth={props.setColWidth}
164175
/>
165176
)}
166177
<Pagination

‎src/apps/admin/src/lib/components/DialogEditUserGroups/DialogEditUserGroups.module.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,3 +61,9 @@
6161
background: none;
6262
}
6363
}
64+
65+
.desktopTable {
66+
td {
67+
vertical-align: middle;
68+
}
69+
}

‎src/apps/admin/src/lib/components/DialogEditUserGroups/DialogEditUserGroups.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -158,6 +158,7 @@ export const DialogEditUserGroups: FC<Props> = (props: Props) => {
158158
data={userGroups}
159159
disableSorting
160160
onToggleSort={_.noop}
161+
className={styles.desktopTable}
161162
/>
162163
) : (
163164
<div>No groups</div>

‎src/apps/admin/src/lib/components/DialogEditUserRoles/DialogEditUserRoles.module.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,3 +61,9 @@
6161
background: none;
6262
}
6363
}
64+
65+
.desktopTable {
66+
td {
67+
vertical-align: middle;
68+
}
69+
}

‎src/apps/admin/src/lib/components/DialogEditUserRoles/DialogEditUserRoles.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -154,6 +154,7 @@ export const DialogEditUserRoles: FC<Props> = (props: Props) => {
154154
data={userRoles}
155155
disableSorting
156156
onToggleSort={_.noop}
157+
className={styles.desktopTable}
157158
/>
158159
) : (
159160
<div>No roles</div>

‎src/apps/admin/src/lib/components/DialogEditUserTerms/DialogEditUserTerms.module.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -78,3 +78,9 @@
7878
background: none;
7979
}
8080
}
81+
82+
.desktopTable {
83+
td {
84+
vertical-align: middle;
85+
}
86+
}

‎src/apps/admin/src/lib/components/DialogEditUserTerms/DialogEditUserTerms.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -223,6 +223,7 @@ export const DialogEditUserTerms: FC<Props> = (props: Props) => {
223223
data={addedInfo.datas}
224224
disableSorting
225225
onToggleSort={_.noop}
226+
className={styles.desktopTable}
226227
/>
227228
<Pagination
228229
page={addedInfo.page}
@@ -276,6 +277,7 @@ export const DialogEditUserTerms: FC<Props> = (props: Props) => {
276277
data={notAddedInfo.datas}
277278
disableSorting
278279
onToggleSort={_.noop}
280+
className={styles.desktopTable}
279281
/>
280282
<Pagination
281283
page={notAddedInfo.page}

‎src/apps/admin/src/lib/components/DialogUserStatusHistory/DialogUserStatusHistory.module.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,3 +41,9 @@
4141
padding: 16px 16px 32px;
4242
text-align: center;
4343
}
44+
45+
.desktopTable {
46+
td {
47+
vertical-align: middle;
48+
}
49+
}

‎src/apps/admin/src/lib/components/DialogUserStatusHistory/DialogUserStatusHistory.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,7 @@ export const DialogUserStatusHistory: FC<Props> = (props: Props) => {
9292
data={userAchievements}
9393
disableSorting
9494
onToggleSort={_.noop}
95+
className={styles.desktopTable}
9596
/>
9697
)}
9798
</>

‎src/apps/admin/src/lib/components/GroupMembersTable/GroupMembersTable.module.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,3 +32,9 @@
3232
.blockCellWrap {
3333
white-space: break-spaces !important;
3434
}
35+
36+
.desktopTable {
37+
td {
38+
vertical-align: middle;
39+
}
40+
}

0 commit comments

Comments
 (0)