# Add groups to the /about page

**URL:** <https://meta.discourse.org/t/add-groups-to-the-about-page/334492>\
**Category:** Theme component\
**Tags:** about-page\
**Created:** [November 4, 2024, 9:24pm UTC](https://meta.discourse.org/t/add-groups-to-the-about-page/334492 "2024-11-04T21:24:55Z")\
**Posts on this page:** 1\
**Showing post:** 7

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [November 7, 2024, 1:30pm UTC](https://meta.discourse.org/t/add-groups-to-the-about-page/334492/7 "2024-11-07T13:30:17Z")

</div>

Some updates!

[https://github.com/discourse/discourse-add-groups-to-about-component/pull/1](https://github.com/discourse/discourse-add-groups-to-about-component/pull/1)

> [@Don](#):
>
> It would be possible to add a new setting to use the group full name?

This requested happened faster then I expected 🙂 but I should have known.

The reason I didn’t do it initially is because I wanted to avoid an additional request… but I guess it’s unavoidable.

The way the theme component works, is that it matches the corresponding group ID from the theme setting to the site service (`this.site.groups`) — this contains the ID and the name, but not the full name…

Then the name gets plugged into the `/g/${name}/members` endpoint… which has the group members, but also does not have the full name…

So to get the full name, I need to make another request to `/g/${name}`.

> [@Richie](#):
>
> Or should that checkbox only capitalise the first letter of the group name?

The checkbox enables some simple CSS, `text-transform: capitalize` which capitalizes the first letter of each word.

Though I completely forgot about `::first-letter` which I can use instead, so I’ve switched to that… this should be more consistent with our default capitalization now.

If anyone’s wondering, the reason to include this bit about capitalization is because automatic groups, like Trust Level groups, don’t have a `full_name` field and are always lowercase. What a tangled web we’ve weaved 😅

> [@Richie](#):
>
> Strangely though, if I add group `trust_level_4` to the about page, that shows up in the front end as `Trust Level 4`

I removed underscores in the component, but not dashes… this update will do both (but only for `name`, not `full_name`)

> [@Richie](#):
>
> A way of ordering the groups would be great. I tried adding them in different orders in case it was database-id ordered, but it didn’t change anything so I assume it’s ordering them alphabetically.

I’ve added a setting with the options:

- alphabetical
- order of creation
- order of theme setting

Note this concerns the order of the additional groups, and won’t impact admins/moderators — which will always be shown first

> [@Richie](#):
>
> Would it be possible to fix the alignment of the group members too?
> 
> You’ll the see the admins at the top of the page are three columns wide, yet the additional groups are all two columns wide? 🤔

Ah yes, there’s some CSS in Discourse that only applies to the moderator and admin groups, I’ve added a fix

> [@tobiaseigen](#):
>
> I also think it would be helpful to provide a snapshot of more group metadata here, perhaps hidden behind an info button next to the group name?
> 
> - description
> - group owner
> - group permissions
> - number of members in group
> - link to group page

Adding the description and link to group page are simple changes, I’ve added those (description disabled by default, but available in a setting).

Group owner is possible, but at the moment I reuse a core component `AboutPageUsers` — and that would need to be modified to be able to display the owner flair on the user avatar (which I think it probably the best place for it).

This component is growing in complexity fairly quickly, so I’m going to hold off on other requests until someone has a specific need for them.

---

_[View the full topic](https://meta.discourse.org/t/add-groups-to-the-about-page/334492)._
