Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Patch reliance on isMobile for mobile device UI detection #2072

Open
wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Patch reliance on isMobile for mobile device UI detection #2072

Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
2a0828f
Patch reliance on `isMobile` for mobile device UI detection
timothycarambat Aug 8, 2024
b16114f
implement useIsMobile hook
shatfield4 Aug 8, 2024
ab4be4d
Merge branch 'master' into resize-mobile-ui
shatfield4 Aug 8, 2024
21b3b8f
fix resizing of text input
shatfield4 Aug 8, 2024
b7222ec
Merge branch 'master' into resize-mobile-ui
timothycarambat Aug 10, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
fix resizing of text input
  • Loading branch information
@shatfield4
shatfield4 committed Aug 8, 2024
commit 21b3b8fa539ecc9f86d9d6cea237672ad8ebac90
7 changes: 2 additions & 5 deletions frontend/src/components/WorkspaceChat/ChatContainer/PromptInput/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,9 +32,6 @@ export default function PromptInput({
const textareaRef = useRef(null);
const [_, setFocused] = useState(false);

// To prevent too many re-renders we remotely listen for updates from the parent
// via an event cycle. Otherwise, using message as a prop leads to a re-render every
// change on the input.
function handlePromptUpdate(e) {
setPromptInput(e?.detail ?? "");
}
Expand Down Expand Up @@ -111,8 +108,8 @@ export default function PromptInput({
onSubmit={handleSubmit}
className="flex flex-col gap-y-1 rounded-t-lg md:w-3/4 w-full mx-auto max-w-xl items-center"
>
<div className="flex items-center rounded-lg md:mb-4">
<div className="w-[635px] bg-main-gradient shadow-2xl border border-white/50 rounded-2xl flex flex-col px-4 overflow-hidden">
<div className="flex items-center rounded-lg md:mb-4 w-full">
<div className="w-full max-w-[635px] bg-main-gradient shadow-2xl border border-white/50 rounded-2xl flex flex-col px-4 overflow-hidden">
<AttachmentManager attachments={attachments} />
<div className="flex items-center w-full border-b-2 border-gray-500/50">
<textarea
Expand Down