smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: use excal id so every element has unique id (#3696)

Browse source 
* fix: use excal id so every element has unique id

* fix

* fix

* fix

* add docs

* fix
This commit is contained in:
Aakansha Doshi 2021-06-10 02:46:56 +05:30 • committed by GitHub
parent 69b6fbb3f4
commit 9325109836
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 53 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/ProjectName.tsx
View file

@ -4,6 +4,7 @@ import React, { useState } from "react";
import { focusNearestParent } from "../utils";
import "./ProjectName.scss";
import { useExcalidrawContainer } from "./App";
type Props = {
value: string;
@ -13,6 +14,7 @@ type Props = {
};
export const ProjectName = (props: Props) => {
const { id } = useExcalidrawContainer();
const [fileName, setFileName] = useState<string>(props.value);
const handleBlur = (event: any) => {
@ -43,12 +45,12 @@ export const ProjectName = (props: Props) => {
className="TextInput"
onBlur={handleBlur}
onKeyDown={handleKeyDown}
id="filename"
id={`${id}-filename`}
value={fileName}
onChange={(event) => setFileName(event.target.value)}
/>
) : (
<span className="TextInput TextInput--readonly" id="filename">
<span className="TextInput TextInput--readonly" id={`${id}-filename`}>
{props.value}
</span>
)}