adrianhajdin / chat_application Goto Github PK

Let me know what is username and password ?

Failed to load resource: the server responded with a status of 404

Hi a few days ago I started to do this project and after I successfully compiled everything without an error on all scripts I run the command npm run but when the app is starting on Microsoft Edge the Chats are not visible, can somebody help me, please?

Module not found: error: can't resolve './App'

How can I add the published time of messages?

hello @adrianhajdin,
while I'm running npm run start, I'm getting this error. How can I solve it?
I also installed babel-loader and babel/types too.

I got this error and can't handle this.

Chat engine keeps charging
It states "API calls made to "Potential Chat" no longer work".

I am facing an issue while launching the page. I am posting some pictures to better understand. help pls!

Hi, hello can you please add Logout and Signup customization in this chat application as everything looks Great thank you..!

PS D:\Dialog flow\react-prepration\chat_application> npm start

[email protected] start
react-scripts start

node:internal/modules/cjs/loader:488
throw e;
^

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './lib/tokenize' is not defined by "exports" in D:\Dialog flow\react-prepration\chat_application\node_modules\postcss-safe-parser\node_modules\postcss\package.json
at new NodeError (node:internal/errors:371:5)
at throwExportsNotFound (node:internal/modules/esm/resolve:429:9)
at packageExportsResolve (node:internal/modules/esm/resolve:683:3)
at resolveExports (node:internal/modules/cjs/loader:482:36)
at Function.Module._findPath (node:internal/modules/cjs/loader:522:31)
at Function.Module._resolveFilename (node:internal/modules/cjs/loader:919:27)
at Function.Module._load (node:internal/modules/cjs/loader:778:27)
at Module.require (node:internal/modules/cjs/loader:999:19)
at require (node:internal/modules/cjs/helpers:102:18)
at Object. (D:\Dialog flow\react-prepration\chat_application\node_modules\postcss-safe-parser\lib\safe-parser.js:1:17) {
code: 'ERR_PACKAGE_PATH_NOT_EXPORTED'
}

Node.js v17.3.0

These messages were sent by 4 different users...

Unable to Login

I can't show avatar. I code the same with the github.

I dont know how to fix this issue. Does anybody know how?

"Compiled with problems:X

ERROR in ./src/App.js 5:0-46

Module not found: Error: Cannot find file: 'ChatFeed.jsx' does not match the corresponding name on disk: '.\src\components\Components'.

ERROR in ./src/App.js 6:0-46

Module not found: Error: Cannot find file: 'LoginForm.jsx' does not match the corresponding name on disk: '.\src\components\Components'."

Is the issue I'm not sure why everything is in place and seems fine thinking its the program/ computer can someone check it for me? or have an idea what it may be

this is the code of MyMessage :

const MyMessage = ({message}) => {
if (message.attachments && message.attachments.length>0) {

    return (
        <img
         src={message.attachments[0].file}
          alt="message-attachment" 
          className="message-image" 
          style={{float :'right'}}
          />

    )

}
return ( 
    <div className="message" style={{float:'right' , marginRight:'18px',color:'white' , backgroundColor :'#3B2A50'}}> 
        {message.text} 
    </div>  
);

};

export default MyMessage ;

This is the code of Chatfeed :

import MessageForm from './MessageForm' ;
import MyMessage from './MyMessage' ;
import TheirMessage from './TheirMessage' ;
const ChatFeed = (props) => {
const { chats , activeChat , userName , messages} = props ;

const chat = chats && chats[activeChat] ; 

const renderMessages = () => { 

    const keys = Object.keys(messages) ; 

    return keys.map((key ,index) => { 
        const message = messages[key]; 
        const lastMessageKey = index === 0 ? null : keys[index-1] ;
        const isMyMessage = userName ===message.sender.username;

        return ( 
            <div key={`msg_${index}`} style ={{ width :'100%' }}> 
         <div className="message-block">
        {isMyMessage
          ? <MyMessage message={message} />
          : <TheirMessage message={message} lastMessage={messages[lastMessageKey]} />}
      </div>
            <div className="read-receipts"  style= {{ marginright : isMyMessage? '18px': '0px', marginLeft : isMyMessage ?'0px':'68px'}}>
            read-receipts

            </div>
            
            </div>
            
        )
    })
}


if (!chat)  return 'Loading..' ; 
return  ( 
    <div className="chat-feed" > 
    <div className="chat-title-container">
        <div className="chat-title">  {chat.title}</div>

        <div className="chat-subtitle"> {chat.people.map((person)=>` ${person.person.username}`)} </div>
         </div>
       { renderMessages() }
       
       <div style={{ height: '100px' }} />
  <div className="message-form-container">
    <MessageForm {...props} chatId={activeChat} />
  </div>
</div>
     
);

}

export default ChatFeed ;

Hello, I would like the app to display a preview image for files that are not photos. How do we go about that? I appreciate your timely feedback. Thank you.

TypeError: Cannot read property 'username' of undefined

When
6 | const isFirstMessageByUser = !lastMessage || lastMessage.sender.username!==message.sender.username;

when the lastMessage is undefined like messages[null]

Hello, I am facing a problem with projectID value while I try to load my page I have set the right projectID but still getting this error anyone can help?

hey !! i have a problem , I am not able to see my message which i send i get 429 error in the console window . please help me with the problem as soon as possible .

Hey Guys can someone help me ?

i dont know what should i do :((

./src/components/ChatFeed.jsx 125:10
Module parse failed: Unexpected token (125:10)
You may need an appropriate loader to handle this file type.
| columnNumber: 9
| }

}, chat?.title), /#PURE/React.createElement("div", {
| className: "chat-subtitle",
| __self: _this,