Skip to content

Commit

Permalink
Add box highlighting to field being edited (#316)
Browse files Browse the repository at this point in the history
* Add box to currently editing field

* Add box highlighting currently edited field

* fix(285): Fix sidenav width and nav links (#295)

* Create API Backend Skeleton (#280)

* adding backend skeleton

* use uuid for id

* remove unused sequence

* Pass at moving the models outlined in dev meeting into SpringBoot

TODO: Write Migrations
TODO: Sort out auto generation of timestamps
TODO: Relationships aren't set up properly

* update ids to UUID

* added liquibase migration

* added liquibase migration

* Added some TODO items based on discussion with Arin

Created Upload Repository

---------

Co-authored-by: Andrew Schreiber <[email protected]>

* Add box to currently editing field

---------

Co-authored-by: knguyenrise8 <[email protected]>
Co-authored-by: Zedd Shmais <[email protected]>
  • Loading branch information
3 people authored Oct 16, 2024
1 parent 981e0a1 commit dc6c1b4
Show file tree
Hide file tree
Showing 2 changed files with 244 additions and 210 deletions.
7 changes: 6 additions & 1 deletion frontend/src/components/EditableText/EditableText.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,10 @@ export const EditableText: FC<EditableTextProps> = ({
},
onSave = () => {
},
onEdit = () => {
},
onCancel = () => {
},
textFormatter = (text) => text
}: EditableTextProps) => {
const [isEditing, setIsEditing] = useState(false)
Expand All @@ -45,7 +49,7 @@ export const EditableText: FC<EditableTextProps> = ({

const _onEdit = () => {
setIsEditing(true)
// onEdit()
onEdit()
}

const _onSave = () => {
Expand All @@ -56,6 +60,7 @@ export const EditableText: FC<EditableTextProps> = ({
const _onCancel = () => {
setValue(text)
setIsEditing(false)
onCancel()
}
const _onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
if (e.key === 'Enter') {
Expand Down
Loading

0 comments on commit dc6c1b4

Please sign in to comment.