Commit graph

43 commits

Author SHA1 Message Date
ddd6a9da96
Implement raid combobox (#311)
* Add ellipsis icon

* Reduce size of tokens

* Move UpdateToast to toasts folder

* Update variables.scss

* Add reps for grid objects

These reps act like the existing PartyRep except for Characters and Summons, as well as a new component just for Weapons.

They only render the grid of objects and nothing else.

Eventually PartyRep will use WeaponRep

* Added RepSegment

This is a Character, Weapon or Summon rep wrapped with an input and label for use in a SegmentedControl

* Modify PartySegmentedControl to use RepSegments

This will not work on mobile yet, where it should gracefully degrade to a normal SegmentedControl with only text

* Extract URL copied and Remixed toasts into files

* Extract delete team alert into a file

Also, to support this:
* Added `Destructive` class to Button
* Added `primaryActionClassName` prop to Alert

* Added an alert for when remixing teams

* Began refactoring PartyDetails into several files

* PartyHeader will live at the top, above the new segmented control
* PartyDetails stays below, only showing remixed teams and the description
* PartyDropdown handles the new ... menu

* Remove duplicated code

This is description and remix code that is still in `PartyDetails`

* Small fixes for weapon grid

* Add placeholder image for guidebooks

* Add localizations

* Add Guidebook type and update other types

* Update gitignore

Don't commit guidebook images

* Indicate if a dialog is scrollable

We had broken paging in the infinite scroll component. Turning off "scrolling" at the dialog levels fixes it without adding scrollbars in environments that persistently show them

* Add ExtraContainer

This is the purple container that will contain additional weapons and sephira guidebooks

* Move ExtraWeapons to ExtraWeaponsGrid

And put it in ExtraContainer

* Added GuidebooksGrid and GuidebookUnit

These are the display components for Guidebooks in the WeaponGrid

* Visual adjustments to summon grid

* Add Empty class to weapons when unit is unfilled

* Implement GuidebooksGrid in WeaponGrid

* Remove extra switch

* Remove old dependencies and props

* Implement searching for/adding guidebooks to party

* Update styles

* Fix dependency

* Properly determine when extra container should display

* Change to 1-indexing for guidebooks

* Add support for removing guidebooks

* Display guidebook validation error

* Move read only buttons to PartyHeader

Also broke up tokens and made them easier to render

* Add guidebooks to DetailsObject

* Add raid placeholder string to locale

* Update .gitignore

* Update and reorganize localization files

* Update types

Added RaidGroup and updated Raid, then updated dependent types and objects

* Update dependencies

* Update react and react-dom to at least 18.0.0
* Install cmdk

* Rename Arrow.svg to Chevron.svg

Also added a new Arrow.svg with a stem

* Add api call for raidGroups and update pages

Pages fetch raids and store them in the app state. We needed to update this to pull raid groups instead

* Update SegmentedControl component

* Add className and blended properties
* Segment gets flex-grow

* Update Select component

* data-placeholder style should match only if true
* Adjust corner radius to match cards instead of inputs
* Fix classNames call in SelectItem

* Remove raid prop from Party

* Add Popover component

* Popover is a wrapper of Radix's Popover component that we will use to wrap the combobox.
* Move styles that were in PopoverContent.scss to Popover.scss

* Add Command component

The Command component is a wrapper over CMDK's Command component. Pretty much every object in that library is wrapped here. We will use this for the guts of our combobox.

* Add RaidCombobox and RaidItem components

* RaidCombobox combines Popover and Command to create an experience where users can browse through raids by section, search them and sort them.
* RaidItem is effectively a copy-paste of SelectItem using CommandItem, adding some raid-specific styles and elements

* Updates themes and variables

* Replace RaidDropdown with RaidCombobox

* Add small shadow to Tooltip

* Update side offset for Popover

* Update CharLimitedFieldset class name

* Add clear button to Combobox input

* It only shows up when there is text in the input
* Clicking it clears the text in the input
* It uses CharLimitedFieldset's classes

* ChatGPT helped me refactor RaidCombobox

* Further refactoring of RaidCombobox

* Deploy content update (#309)

* Update the updates page with new items (#306)

* Add Nier and Estarriola uncaps (#308)

* Update the updates page with new items (#306) (#307)

* Update .gitignore

* Add Nier and Estarriola uncaps

* Fix uncaps treated as new characters

* Make combobox keyboard accessible

* Style updates

* Refactor accessibility code

* Add translation for "Selected" text

* Change selects to be poppers for consistency

We can't make the new Raid combobox appear over the input like the macOS behavior, so we change all selects to be normal popper behavior

* Set raid groups on teams page

* Implement in FilterBar

* Fix styles for combobox input

* Remove RaidDropdown component

* Update index.scss

* Remove preview when on mobile sizes

* Fix some mobile styles

* Add farming raid option

* Increase height slightly
2023-06-16 19:00:57 -07:00
c7e0836202
February 2023 Update (#158) 2023-02-04 23:46:24 -08:00
84aa355ad8 Add phantom overlay to Selects to prevent background touches
https://github.com/radix-ui/primitives/issues/1658
2022-12-28 21:47:28 -08:00
2c2a9dd65d CSS updates for modals (except search) 2022-12-28 17:37:55 -08:00
3cf889cd43 Replace media query usage with mixin 2022-12-27 14:54:24 -08:00
6ced9f3d08 Mobile hotfix 2022-12-26 16:50:48 -08:00
12ccc53126 Another mobile hotfix 2022-12-26 15:03:08 -08:00
f1f776119d Another mobile hotfix 2022-12-26 14:28:53 -08:00
6ce651db1c Fix underlines 2022-12-26 12:10:21 -08:00
79b70dc9d1 Update About, add Roadmap and Changelog 2022-12-26 11:48:18 -08:00
4c73ebf294 Fix color on headers and paragraphs in globals 2022-12-26 01:41:48 -08:00
78f37abaa5 Fix colors in PartyDetails 2022-12-25 23:20:13 -08:00
a2b30133d4 Add Dark Mode for dialogs 2022-12-06 18:38:36 -08:00
e836241edf Add new themed colors 2022-12-06 12:55:49 -08:00
3ee7c0b4b2 Shuffled greyscale, fixed dark mode for select/input 2022-12-06 09:31:56 -08:00
0f99cd878c Dark mode and CSS refactors for inputs 2022-12-05 19:47:23 -08:00
c37f0754fb Implement radix select 2022-12-05 18:04:12 -08:00
95fc9b142a white → $grey-100 2022-12-05 17:51:56 -08:00
3760cf3d4c Update select styles 2022-12-04 14:26:54 -08:00
5962e0c301 Update core files 2022-12-04 09:55:10 -08:00
efa864fb80 Run prettier on src 2022-12-04 07:19:31 -08:00
bc26f4b783 Fix overlay height 2022-03-22 00:31:30 -07:00
5d5dbde0d8 Fix body height since BottomHeader is dead 2022-03-14 16:59:01 -07:00
7b9cd245e3 Add element-colored links 2022-03-14 16:45:14 -07:00
2f350ede0e Add check icon and update global css 2022-03-11 01:15:45 -08:00
8063ae6ceb Fix: Slash as Division
https://sass-lang.com/documentation/breaking-changes/slash-div
2022-03-06 14:07:24 -08:00
6165ed12d2 Remove specificity conflict 2022-03-04 05:31:24 -08:00
7e5b90a6c7 Use the user's stored profile picture in content
Also adds styles!
2022-03-04 05:17:23 -08:00
e58210a8f1 Add hovercard sides and a static width to hovercards 2022-03-04 00:49:52 -08:00
f950543c96 Add and implement WeaponHovercard component 2022-03-04 00:16:58 -08:00
610810b8a1 Update globals.scss 2022-03-03 03:08:16 -08:00
b46bafa5f7 Add a modal for modifying weapons 2022-03-01 19:53:54 -08:00
1c34803578 Added a smooth loading transition + FilterBar on parties 2022-03-01 01:11:32 -08:00
829146f1bd Redesign Signup Modal 2022-02-28 14:16:04 -08:00
4a2c57ee47 Implement Teams page 2022-02-27 00:39:45 -08:00
3ded388ffa Move generic select style to globals 2022-02-27 00:36:59 -08:00
999b3a3e91 Renamed grey-10 to grey-40 2022-02-26 19:51:22 -08:00
5f1be4679e Implement Radix's Dialog component for the About modal.
Probably still want to spend some time making this look nice/wordsmithing the copy later.
2022-02-04 22:50:13 -08:00
679710efc3 Implement Radix's Alert dialog for deleting teams
We didn't implement the method for actually doing the deleting yet, though
2022-02-04 20:43:02 -08:00
2140208530 Added BottomHeader for new features
Previous Header was split into a base Header component and TopHeader.
2022-02-04 18:22:57 -08:00
d5332ccee5 Make WeaponGrid responsive 2022-02-02 23:39:06 -08:00
061e510b44 Update variables 2022-02-02 23:34:38 -08:00
728803d9c5 Migrate to Next.js 2022-01-24 21:54:50 -08:00